We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Autoresize to cover container

Thread ID:

Created:

Updated:

Platform:

Replies:

117946 Jan 12,2015 04:50 PM UTC Jan 19,2015 08:50 AM UTC JavaScript 3
loading
Tags: ejWaitingPopup
Marc Deveaux
Asked On January 12, 2015 04:50 PM UTC

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 [Syncfusion]
Replied On January 13, 2015 09:18 AM UTC

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
Replied On January 14, 2015 09:59 PM UTC

Works perfectly!
Thanks

Manikandan Mariappan [Syncfusion]
Replied On January 19, 2015 08:50 AM UTC

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



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;