Hi...
How do i display loading indicator in web page, we are displaying our pages inside web tabs.
we have one image control inside div in web pages, the code as following
<div id="diaprocess1" class="lodingpanin" runat="server" runat="server"> <img src="../../App_Themes/Simple/IMG/29.gif" alt="Loding.." /> </div>
$("#diaprocess1").dialog({ autoOpen: false, modal: true, resizable: false, width: 500, show: { effect: "fade", duration: 1 }, hide: { effect: "fade", duration: 1 } });
I want to display this dialog box before page loading and hide after completion of page load process,
using opening and closing dialog, the code as following
$("#diaprocess1").dialog("open");
$("#diasearchwin").dialog("close");
but this is not working.
How can i achieve this task??
I am stuck.
Help me out..
Hello Manisha,
Thank you for contacting Infragistics!
You can show any image as loading indicator by setting ImageUrl for the AjaxIndicator of the tab.
I have attached small sample demonstrating this.
Let me know if you need further assistance.
Thank you Georgiev for your solution.
This code is working good but i want to this image to be displayed at the beginning when the page starts loading and hide when the page load is completed.
Currently the loading image displays but only for specific time as given in thread.sleep(2000). and also whenever we change between tabs the image displays again.we need image to be shown only once when page is loading not when switching between tabs.
Thanks in Advance.
I am still awaiting your sample. Have you been able to resolve the issue?If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
Hello Denis,
I am using this code on master page in my web application.
<div class="ifremestyle" id="midcon1" runat="server"> <ig:WebTab ID="WebTab1" runat="server" Height="100%" Width="100%" DisplayMode="Scrollable" > <Tabs> <ig:ContentTabItem runat="server" Text="Home" ContentUrl="Home.aspx" > </ig:ContentTabItem> </Tabs> <CloseButton Enabled="True" /> <PostBackOptions EnableLoadOnDemandUrl="True" EnableLoadOnDemand="true" EnableAjax="True" /> <AjaxIndicator Enabled="True" Location="MiddleCenter" /> <TabMoving Enabled="True" /> </ig:WebTab> </div>
when i have set AjaxIndicator Enabled="True" inside web tab then AjaxIndicator is showing on page load of each page. It is working good,
but i want to display Ajaxindicator in my web application while page is post back of each page.
Please help me out.
Hello,
I'm just following up to see if you need any further assistance with this issue. If so please let me know.