In a Web page, I have used WebDialogWindow and the UltraWebListbar at the same time.
Think that I am put into use as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">WebDialogWindow is demonstrated incompletely, and scrollBar appears on Web page.The UltraWebListbar height attribute is 100%.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">WebDialogWindow do not have a problem.But the UltraWebListbar height attribute is not 100%.
How do resolve all above problem?
Expect to reply to , Thank you very much.
Hi Victor
My name is Jorge from Applied Network Solutions and I was having a similar problem. Now my list bar sudenly begins to float in the screen changing the position at the top of the page.
What I have done is I have created a ultraweblistbar inside a table in my MASTER page. Then in one of the decendant pages I have inserted three WebDialogWindow. In this page the listbar began to float and the withd change to 100% of the page instead of the table where is defined.
in the rest of the pages the list bar does not have any problem, It is just when I added the three WebDialogWindow that the list bar misbehave.
Do you have any ideas?? the listbar is not nested or inside of any other infragistic components so I do not know why this problem is happening
My Master page:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="AnsSalesLogic.master.cs" Inherits="AnsSalesLogix.MasterPages.AnsSalesLogic" %><%@ Register Assembly="Infragistics35.WebUI.Misc.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.Misc" TagPrefix="igmisc" %><%@ Register assembly="Infragistics35.WebUI.UltraWebListbar.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.UltraWebListbar" tagprefix="iglbar" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Ans SalesLogix</title> <link rel="stylesheet" type="text/css" media="screen" href="../ansSalesLogix/facilityFiles/css/ansSalesLogix.css" /> <link rel="stylesheet" type="text/css" media="print" href="../ansSalesLogix/facilityFiles/css/ansSalesLogix.css" /> </head><body><div id="wrap" > <table style="margin: 0px; width:100%; height: 100%; padding:0px;"> <tr style="margin: 0px; padding: 0px; border: thick solid #000000; width: 100%"> <td colspan="2" style="padding: 0px; margin: 0px; width: 100%" > <igmisc:WebGroupBox ID="wgbDefaultTop" runat="server" Width="98.5%" StyleSetName="ElectricBlue"> <Template> <table style="width:100%" align="center"> <tr style="width:100%" align="center"> <td style="width:50%" align="left"> <img src="../ansSalesLogix/facilityFiles/images/Master/forum_icon.gif" align="top"> <strong>Online forum:</strong> staff login </td> <td style="width:50%" align="right"> search | contact | help </td> </tr> </table> </Template> </igmisc:WebGroupBox> </td> </tr> <tr style="border: thin solid #000000; width: 100%; "> <td colspan="2"> <!--<a href="index.asp" style="text-decoration:none">--> <table style="width: 100%; height: 100px;" border="1" bordercolor="#0D0D0D" > <tr style="width: 100%;"> <td valign="middle" align="left" style="width: 10%; border:0px" > <img src="../ansSalesLogix/facilityFiles/images/Master/logoANS.jpg" align="bottom" border="0" /> </td> <td align="center" style="width: 80%; border:0px"> <!--ppih logo--> <table border="0"> <tr> <td style="text-decoration:none;color:#781158; font:15px Trebuchet MS;font-weight: bold;">Welcome to<hr noshade size="1"></td> </tr> <tr> <td style="text-decoration:none;font:22px Trebuchet MS; font-weight: bold; letter-spacing: 1px;">ANS Sales Logix</td> </tr> </table> <!--ppih logo end--> </td> <td align="center" style="width: 10%; border:0px"> <a href="http://www.answeb.co.uk" style="text-decoration:none"> <img src="../ansSalesLogix/facilityFiles/images/Master/logoANS.jpg" border="0" alt="Click here for the e-Survey Tool" title="Click here for the e-Survey Tool" hspace="15"/></a> </td> </tr> </table> <!--</a>--> </td> </tr> <tr style="width: 100%; border-style: solid; border-width: thin"> <td style="width:20%" valign="top"> <iglbar:UltraWebListbar ID="UltraWebListbar1" runat="server" BorderWidth="" KeepInView="AutoScroll" SelectedGroup="1" StyleSetName="ElectricBlue" ViewType="ExplorerBar" Width="98.5%" > <Groups> <iglbar:Group Text="Account" TextAlign="Left"> <Labels Expanded="" Collapsed="" Selected=""> </Labels> <Items> <iglbar:Item Text="Contact Maintenance"> <Labels Selected="" /> </iglbar:Item> </Items> </iglbar:Group> <iglbar:Group Text="Contacts" TextAlign="Left"> <Labels Collapsed="" Expanded="" Selected="" /> <Items> <iglbar:Item Text="Contact Maintenance"> <Labels Selected="" /> </iglbar:Item> </Items> </iglbar:Group> <iglbar:Group Text="Settings" TextAlign="Left"> <Labels Collapsed="" Expanded="" Selected="" /> <Items> <iglbar:Item Text="System Parameters"> <Labels Selected="" /> </iglbar:Item> </Items> </iglbar:Group> </Groups> </iglbar:UltraWebListbar> </td> <td style="width:80%" valign="top" > <!--Start of content--> <form id="masterForm" runat="server"> <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager> <asp:ContentPlaceHolder ID="cphGeneral" runat="server"> </asp:ContentPlaceHolder> </form> <!--End of content--> </td> </tr> <tr style="width: 100%; border-style: solid; border-width: thin"> <td colspan="2"> <igmisc:WebGroupBox ID="wgbDefaultFooter" runat="server" Width="98.5%" StyleSetName="ElectricBlue"> <Template> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" align="center"> © Copyright <%=DateTime.Now%></td> </tr> </table> </Template> </igmisc:WebGroupBox> </td> </tr> </table></div></body></html>
My page with the three WebDialogWindow:
<%@ Page Language="C#" MasterPageFile="~/MasterPages/AnsSalesLogic.Master" AutoEventWireup="true" CodeBehind="frmDetailsMaintenance.aspx.cs" Inherits="AnsSalesLogix.ansSalesLogix.frmDetailsMaintenance" %><%@ Register Assembly="Infragistics35.Web.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.EditorControls" TagPrefix="ig" %><%@ Register Assembly="Infragistics35.Web.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %><%@ Register Assembly="Infragistics35.WebUI.Misc.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.Misc" TagPrefix="igmisc" %><%@ Register Assembly="Infragistics35.Web.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig" %> <%@ Register assembly="Infragistics35.WebUI.WebDataInput.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %><asp:Content ID="Content1" runat="server" ContentPlaceHolderID="cphGeneral"> <script type="text/javascript"> function getId(control) { switch(control) { } } </script> <script type="text/javascript" src="facilityFiles/javascript/frmAnsSalesLogixLogin.js"></script> <div id="content" style="width: 100%; height: 550px;"> <igmisc:WebAsyncRefreshPanel ID="WebAsyncRefreshPanel1" runat="server" Height="100%" Width="100%"> <ig:WebDialogWindow ID="wdwAccount" runat="server" Height="210px" Width="600px" StyleSetName="ElectricBlue" MaintainLocationOnScroll="True" > <ContentPane> <Template> <table style="width: 100%" > <tr> <td style="width: 33%" > <table style="border: thin solid #C0C0C0; width: 100%"> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lAccount" runat="server" Text="Account"></asp:Label> </td> <td style="width: 50%" align="left"> <igtxt:WebTextEdit ID="wteAccount" runat="server" StyleSetName="ElectricBlue" Width="98.5%"> </igtxt:WebTextEdit> </td> </tr> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lDivision" runat="server" Text="Division"></asp:Label> </td> <td style="width: 50%" align="left"> <igtxt:WebTextEdit ID="wteDivision" runat="server" StyleSetName="ElectricBlue" Width="98.5%"> </igtxt:WebTextEdit> </td> </tr> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lParent" runat="server" Text="Parent Account"></asp:Label> </td> <td style="width: 50%" align="left"> </td> </tr> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lAddress" runat="server" Text="Address"></asp:Label> </td> <td style="width: 50%" align="left"> <ig:WebTextEditor ID="wteAddress" runat="server" Width="98.5%" Height="40px" StyleSetName="ElectricBlue"> </ig:WebTextEditor> </td> </tr> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lLibrarySystem" runat="server" Text="library System"></asp:Label> </td> <td style="width: 50%" align="left"> </td> </tr> </table> </td> <td style="width: 33%"> <table style="border: thin solid #C0C0C0; width: 100%"> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lMain" runat="server" Text="Main"></asp:Label> </td> <td style="width: 50%" align="left"> <igtxt:WebTextEdit ID="wteMain" runat="server" StyleSetName="ElectricBlue" Width="98.5%"> </igtxt:WebTextEdit> </td> </tr> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lFax" runat="server" Text="Fax"></asp:Label> </td> <td style="width: 50%" align="left"> <igtxt:WebTextEdit ID="wteFax" runat="server" StyleSetName="ElectricBlue" Width="98.5%"> </igtxt:WebTextEdit> </td> </tr> </table> </td> <td style="border: thin solid #C0C0C0; width: 100%"> <table style="width: 100%"> <tr> <td style="width: 50%" align="left"> <asp:Label ID="lType" runat="server" Text="Type"></asp:Label> </td> <td style="width: 50%" align="left"> <igtxt:WebTextEdit ID="wteType" runat="server" StyleSetName="ElectricBlue" Width="98.5%"> </igtxt:WebTextEdit> </td> </tr> </table> </td> </tr> </table> </Template> </ContentPane> <Resizer Enabled="True"> </Resizer> <Header> <MaximizeBox Visible="True" /> <MinimizeBox Visible="True" /> </Header> </ig:WebDialogWindow> <ig:WebDialogWindow ID="wdwContact" runat="server" Height="210px" Width="600px" StyleSetName="ElectricBlue" DesignTimeMinimize="True" > <Resizer Enabled="True" /> <Header> <MaximizeBox Visible="True" /> <MinimizeBox Visible="True"> </MinimizeBox> </Header> </ig:WebDialogWindow> <ig:WebDialogWindow ID="wdwHistory" runat="server" Height="210px" Width="600px" StyleSetName="ElectricBlue" DesignTimeMinimize="True" > <Resizer Enabled="True"> </Resizer> <Header> <MaximizeBox Visible="True" /> <MinimizeBox Visible="True" /> </Header> </ig:WebDialogWindow> </igmisc:WebAsyncRefreshPanel> </div> </asp:Content>
Hi Viktor,
Thank you very much.
In your asp.net sample browser, have contained 2 kinds DOCTYPE.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Let them be able to be put into use together without way what?
Hi Joe,
If style.height=100% of body/form/html does not work and you want to adjust height of listbar on client, then you may do that by something like below:
<script type="text/javascript">function UltraWebListbar1_InitializeListbar(oListbar, oEvent){ oListbar.Element.style.height = '500px';}</script><iglbar:UltraWebListbar ID="UltraWebListbar1" runat="server" Height="100%"> ... <ClientSideEvents InitializeListbar="UltraWebListbar1_InitializeListbar" /></iglbar:UltraWebListbar>
HI, Viktor,
Problem still does not solve.Set up fixed altitude of weblistbar maybe being able to solve a problem.
How set up the weblistbar altitude by javascript?
Hi,
If that is a problem with height of children elements under XHTML, then you may fix that by stretching <body> and other containers. For example, modify <body> by something like<body style="height:100%">
If that will not work or it will have other side effects, then you may debug by temporary adding border or background:<body style="height:100%; border:1px solid red;">If red border is not stretched to size of window, then you should also add height to <html>:<html ... style="height:100%">If red border is stretched, but a child (listbar) is not, then you should also add height to <form> (any all other possible containers of listbar).<form ... style="height:100%">
It is possible that height:100% will make some objects larger than height of window, so, you should use slightly smaller values (90..98%). While debugging, I recommend to use temporary background/border for all parents of listbar in order to see their actual sizes.