Can increase size of Progressbox

answered 2014-07-25 15:25:56 +0800

Darksu
1991 ● 1 ● 4

Hello anujtarun,

You can modify the size of the Progressbox by adding the following entry into your zk.xml:

<device-config>
        <device-type>ajax</device-type>
        <timeout-uri>/timeout.zul</timeout-uri>
        <embed><![CDATA[
            <script type="text/javascript">
                zk.afterLoad("zk", function () {
                    var oldProgressbox = zUtl.progressbox;
                    zUtl.progressbox = function () {
                        oldProgressbox.apply(this, arguments);
                        var $mask = jq('.z-loading');
                        if ($mask) {
                            var $img = jq('.z-loading-indicator'),
                                $body = jq(document.body),
                                body = $body[0],
                                bw = 300;
                                bh = 300;

                            // update mask and image's style
                            $mask.width(bw);
                            $mask.height(bh);
                            $mask.css('opacity', .75);

                            $img.width('300px');
                            $img.height('300px');                                                       

                        }
                    }
                });
            </script>
        ]]></embed>
</device-config>

Another method would be to create a custom window component in order to use it as a progressBox.

Best Regards,

Darksu