Normal 0 false false false EN-ZA X-NONE X-NONE MicrosoftInternetExplorer4
I add the webdialogwindow
<ig:WebDialogWindow ID="wdwData" runat="server" Height="300px" Width="600px"
BackColor="White" InitialLocation="Centered"
onload="wdwData_Load" WindowState="Hidden" >
<ContentPane runat="server" EnableRelativeLayout="true">
<Template>
<div style='position:relative;height:100%;width:100%;'>
<asp:Button ID="btnClose" runat="server" onclick="btnClose_Click" Text="Close" />
<br />
<asp:Table ID="tblView" runat="server" ></asp:Table>
</Template>
</ContentPane>
</ig:WebDialogWindow>
When I display it with data in the table it only displays in the middle of the page
If I resize the webdialogwindow it expands but still has the white areas on the side
I would like to stretch the content over the whole page, fill the blank area on the sides and I have tried to resize and use EnableRelativeLayout but nothing is working .
My question being how do I use the whole area of the form and not only the centre area? If anything is unclear about my request please let me know
Hi Libwin and Swetha,
I looked at attached codes and did not find closing tag for DIV in ContentPane of dialog.I added that closing </div> tag after asp:Table, added background to <div style='...;background:red;'>, and added asp:Button to form with following Click codes:
this.wdwData.WindowState = Infragistics.Web.UI.LayoutControls.DialogWindowState.Normal;
When I ran page, it worked as expected: dialog appeared at center of browser with size 600px X 300px and red rectangle in content was stretched to the size of content pane.
Notes:
1. If application uses EnableRelativeLayout=true, then there is no need to insert <div style="position:relative">.
2. If application needs to stretch dialog to size of browser, then it should usethis.wdwData.WindowState = Infragistics.Web.UI.LayoutControls.DialogWindowState.Maximized;And no need in InitialLocation=Centered and Width/Height properties.
3. If application needs to stretch content of dialog (a particular child element/control) to the size of dialog, then application should find a way to implement that on its own. WebDialog can not help here. The only thing it does, it adjusts size of contentPane to the client area of dialog. So, if a child has width/height:100%, then browser should render that child accordingly. In attached sample that child is <div>, and child-table of that <div> should do something similar. Of course child should support stetching. For example, <span> with default display will fail to stretch its width and height and table may fail to stretch height of its tds.
Hi Hristo,
I am also having the same problem. Can you please guide me with this.
Thanks in advance
Swetha
Hello Libwin,
I created support ticket CAS-74108-KC1QSW. We will continue our discussion through the support ticket.