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
330
WebDialogwindow displaying on top of other controls
posted

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

Parents
No Data
Reply
  • 24497
    Verified Answer
    posted

    Hi,

    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>

Children