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,
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.
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 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 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>
I looked at attached codes and found unusual logic. I am in doubt that dot-net supports (or recommends to use) server controls located outside of form object. If it does, then Infragistics controls are not.
I suggest you to use form as a wrapper for all content, but not as a child located deep inside.
Thanks so much for replying me :) .
Your answer is valid, but not for my pages. The form exist in the master page hence the childrem pages get the master form as their own form.
if you have a look of the master page you would see something like that:
<!--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-->
When the page is displayed in the browser, then a form is generated with the ID aspnetForm as follow:
<form name="aspnetForm" method="post" action="frmDetailsMaintenance.aspx" id="aspnetForm">
So, I do not think that the form is the problem as this is alreading wrapping all the infragistic controls in the child pages.
Do you have another suggestion? My users really like the idea of having floating windows with the content inside and I would be really embarresed if I tell them that is not posible now :( .
Do you think is a bug of infragistic?
I would reaaly appreciate any help... Thanks Victor
Many thanks for you reply. I am very new in windows dialog, so I did not know the conflict with the WARP control.
In regarding the list bar, yes it is true I have not wraped it with the form. I was thinking to use this control as a link menu only.
thanks again. I am going to make the changes now and see how it behaves :) .
I forgot to give you "move codes". Here dialog is moved out from undesired container and displayed on start:<script type="text/javascript">function initDialog(dialog, evtArgs){ var elem = dialog.get_element(); elem.parentNode.removeChild(elem); document.body.appendChild(elem); dialog.show();}</script><div style="position:absolute;left:200px;top:200px;width:300px;height:300px;overflow:auto;background:cyan;"> <ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Width="300px" Height="300px" Modal="true" WindowState="Hidden"> <ClientEvents Initialize="initDialog"></ClientEvents> </ig:WebDialogWindow></div>
Yes, I noticed those codes and therefore mentioned that in my previous reply. It seems to me that GroupBox and ListBar still outside of form.Now I noticed another thing: WebDialodWindow is located in WARP. That is not supported and will fail after async postback. Though before posback it should not have effect. Please, see known issues at http://help.infragistics.com/NetAdvantage/ASPNET/2009.2/CLR3.5/
If form is located in multiple containers (in this case td of table), then location of dialog on client can be shifted or fail. Similar should be tested for every specific case and compare with default location of dialog in body/form. If location of dialog is wrong, then it is possible to fix it by following:1. process ClientEvent.Initialize of dialog2. remove its html element which is firstParamInHandler.get_element() from its current container3. move (append) that html element to the <body>