Hi,
I want to use the WebDialogWindow as .Net Panel control to host other controls. So I included WebDialogWindo like the below:
<ig:WebDialogWindow runat="server" ID="RegistrationFormDialog" Width="500px"
Modal="false" WindowState="Normal" Resizer-Enabled="false" Moveable="False" BackColor="Transparent">
<Header CloseBox-Visible="false" CaptionText="Notes" MaximizeBox-Visible="true" MinimizeBox-Visible="true">
<MaximizeBox Visible="false"></MaximizeBox>
<MinimizeBox Visible="false"></MinimizeBox>
<CloseBox Visible="False"></CloseBox>
</Header>
<ContentPane ScrollBars="Hidden">
<Template>
</Template>
</ig:WebDialogWindow>
<asp:GridView ...>
</asp:Gridview>
I've placed a GridView control below the WebDialogWindow, when I run the page WebDialogWindow is displaying on top of GridView so I am not able to see the gridview properly , How to display Gridview after WebDialogWindow?
Thanks
Hi InfraOracle,
You did not discribe what kind of problem you have.I tired to add a button to tab and show dialog on its click. Dialog appeared on top of tab, which is expected.
Notes:1. It is advisable to use top level containers as parent of WebDialogWindow, but not nested complex layout-parents such as WebTab. The UseBodyAsParent have some restrictions.2. Modal dialog may be used only when its parent is the top-container such a <form>. To avoid problems with rendering on the top, the WebDialogWindow should be located as the last child in <form>/webform/masterpage.
Hi Viktor,
I am having issue with webtab and webDialogWindow. WebDialogWindow displaying inside webtab.
<ig:WebDialogWindow ID="wbDialog" runat="server" Height="90%" Width="90%" UseBodyAsParent="true" Modal="true" InitialLocation="Centered" Moveable="true" ModalTabIndices="false" WindowState="Hidden"> <ClientEvents Initialize="wbDialogs_Initialize"></ClientEvents> </ig:WebDialogWindow>
function wbDialogs_Initialize(sender, eventArgs) { sender.get_element().style.position = 'static'; }
I tried in many ways, but I couldn't resolve the issue. Can you please help me in this.
One more issue. I am calling one more dialogwindow from child WebDailogWindow. Here also same issue. Dislpaying inside the 1st Child WebDailogWindow
Thank you.
WebDialogWindow was designed as top control with absolute position. There is no explicit property to modify that. However, it is easy to do that using css class or javascript.
Below are examples for those 2 options:
1. <style type="text/css"> .staticPos{position:static !important;} </style>...<ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Width="300px" Height="300px" CssClass="staticPos"></ig:WebDialogWindow>
2.<script type="text/javascript">function WebDialogWindow1_Initialize(sender, eventArgs){ sender.get_element().style.position = 'static';}</script><ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Width="300px" Height="300px"> <ClientEvents Initialize="WebDialogWindow1_Initialize"></ClientEvents></ig:WebDialogWindow>