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
125
Using WebAsyncRefreshPanel in WebDialogWindow
posted

I'm trying to use a WebAsyncRefreshPanel in the new WebDialogWindow and all seems to be working at this point except that the progress bar for the WebAsyncRefreshPanel is appearing behind the WebDialogWindow.  See my code below.  Any ideas on how I can get the progress bar to properly appear in the WebDialogWindow?

 ----Javascript---

function OpenDialogWindow(sControlID){

var dialogWindow = $find(sControlID);

dialogWindow.show();

}

function InitPanel(oPanel){

var pi = oPanel.getProgressIndicator();

pi.setLocation(ig_Location.MiddleCenter);

pi.setImageUrl('./Images/Progress1.gif');

}

 function RefreshRequest(oPanel,oEvent,id){

var lbl = oPanel.findControl('lblText');

if(lbl != null)
    lbl.style.setAttribute('display', 'none');

}

----Markup---

<asp:ScriptManager ID="pageScriptManager" runat="server">

</asp:ScriptManager>

<ig:WebDialogWindow ID="provSearchWindow" runat="server" InitialLocation="Centered"

Height="150px" Width="286px" Modal="true" Style="line-height: normal" WindowState="Hidden">

<Header CaptionAlignment="Left" CaptionText="Provider Search">

<MaximizeBox Visible="True" />

<MinimizeBox Visible="True" />

</Header>

<ContentPane>

<Template>

<igmisc:WebAsyncRefreshPanel ID="WebAsyncRefreshPanel1" runat="server" Height="50px"

OnContentRefresh="WebAsyncRefreshPanel1_ContentRefresh" InitializePanel="InitPanel"

RefreshRequest="RefreshRequest" TriggerControlIDs="btnSearch">

<asp:Label ID="lblText" runat="server" Text="Refresh Count: 0"></asp:Label></igmisc:WebAsyncRefreshPanel>

</Template>

</ContentPane>

<Resizer Enabled="True" />

</ig:WebDialogWindow>

<asp:Label ID="lblSearch" runat="server" Text="Enter Search Criteria:" />

<asp:TextBox ID="textName" runat="server"></asp:TextBox>

<asp:Button ID="btnSearch" runat="server" Text="Search" />

Parents
  • 19308
    Verified Answer
    posted

    My first recommendation would be to use the UpdatePanel, since you're already brining in ASP.NET AJAX Extensions.  The main use case for the WARP is in a pre - AJAX Extensions scenario.

    My guess on what's going on here is that the DialogWindow is being given a very high z-index in order to display above any other HTML element on the page.  You'll want to set the Progress Indicator to an even higher z-index, though I'm not sure there's an easy way to do that other than creating your own progressIndicator template. 

    -Tony

Reply Children