Autoresize to cover container

[Marc Deveaux]

Is there a way to make this control resize, so that when the web browser is resized the popup stretches to cover the the div container?

$('#xxx').ejWaitingPopup({ showOnInit: true, showImage: false, text: 'Waiting for data...' });

<div id="xxx">
    <ul>
        <li><a rel='nofollow' href="#bulletGraph">Session</a></li>
        <li><a rel='nofollow' href="#circularGauge">Engine</a></li>
        <li><a rel='nofollow' href="#table">Table</a></li>
    </ul>
</div>

[Manikandan Mariappan]

Hi Marc Deveaux,

Thanks for your interest in Syncfusion products.

We have achieved your requirement “when the web browser is resized the popup stretches to cover the div container” by using our inbuilt public method called “refresh”, it will refresh the waiting popup whenever it is called. Please include the following code snippet in your application.

    <script type="text/javascript">

        var popupObj;

        $(function () {

            // declaration

            $("#xxx").ejWaitingPopup({ showOnInit: true, showImage: false, text: "Waiting for data....." });

            //object creation for waiting popup control

            popupObj = $("#xxx").ejWaitingPopup('instance');

            //bind the window resize event

            $(window).resize(function () {

                //call the waitingpopup refresh method to fit the control to specified div container.

                popupObj.refresh ();

            });

        });

    </script>

We have prepared a simple sample to showcase this, please find the sample from the following location

Sample Location: Sample

You can refer the following common user guide for JavaScript to know more about getting started with our components. Under each components we have provided “Concepts and features” section which explains about the features of the particular component.

http://help.syncfusion.com/web

To know about the list of API’s, methods and events supported by our components please refer the following API reference link,

http://help.syncfusion.com/cr/js

Please let us know if you need any further assistance,

Regards,

Manikandan Mariappan

[Marc Deveaux]

Works perfectly!

Thanks

[Manikandan Mariappan]

Hi Marc Deveaux,
 
Thanks for your update,
 
Please let us know if you need any further assistance,
 
 Regards,
 Manikandan Mariappan