Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Julie
200
WebDataMenu
posted

I have a webdatamenu on my asp.net page.  I am also using an iframe.  When a menu item is chosen the iframe loads the web page that is in the NavigateURL.

Sometimes it takes a while to load this page and there is nothing showing the user that the page is loading.  IE used to have a loading type animation on the tab but now all of a sudden there is nothing.  So the user is left wondering if their selection was successful.

I am aware of the UpdateProgress AJAX control but I cannot seem to get it to work.  I tried putting the entire webdatamenu in an UpdatePanel, thinking that when they chose an item it would display my UpdateProgress but it does not display anything.

How do users get around this issue?

Thanks

  • 8160
    posted

    Hello Julie,

    I would suggest you to use WebDataMenu with WebTab, because you can open external url in tabs and it is rendered as iframes. Also WebTab has Ajax indicator which you can modify according to your needs. To load page in a webtab on a menu item click handle ItemClick event and set ContentUrl property:

    

    <head runat="server">
    <title></title>
    <script type="text/javascript" id="igClientScript">
<!--

function WebDataMenu1_ItemClick(sender, eventArgs)
{
	///<summary>
	///
	///</summary>
	///<param name="sender" type="Infragistics.Web.UI.WebDataMenu"></param>
	///<param name="eventArgs" type="Infragistics.Web.UI.DataMenuItemCancelEventArgs"></param>

    //Add code to handle your event here.
    var webTab = $find('<%=WebTab1.ClientID%>');
    var firstTab = webTab.get_tabs()[0];
    firstTab.set_contentUrl('http://infragistics.com');
}// -->
</script>
</head>
<body>
    <form id="form1" runat="server">
    <ig:WebScriptManager ID="WebScriptManager1" runat="server">
    </ig:WebScriptManager>
    <ig:WebDataMenu ID="WebDataMenu1" runat="server">
        <Items>
            <ig:DataMenuItem Text="Root Item">
            </ig:DataMenuItem>
        </Items>
        <ClientEvents ItemClick="WebDataMenu1_ItemClick" />
    </ig:WebDataMenu>
    <ig:WebTab ID="WebTab1" runat="server" Height="800px" Width="900px" AjaxIndicator-Text="Please wait..." AjaxIndicator-Enabled="True" >
        <Tabs>
            <ig:ContentTabItem runat="server" Text="Tab1">
            </ig:ContentTabItem>
        </Tabs>
    </ig:WebTab>
    </form>
</body>
</html>

    Let me know if you need further help