Forums Retired Products and Controls
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
Close
alain
45
UltraWebMenu IE6 bug
posted

Hello,

In order to meet my client request i had to emulate the css propriety "postion:fixed" for IE6 using "position: absolute" with javascript to recalculate the position depending of the scrolling of the user. And it worked fine untill i tried it with an ultraWebMenu in the page with a horizontal scrolling.

When the user pass over the UltraWebMenu's submenu the client web page's width become infnite, which is a problem because some element have a width of 100%.

here is some part of my code:

My masterpage.

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPageIndices2.master.cs"

Inherits="MasterPageIndices2" %>

<%@ Register Assembly="Infragistics2.WebUI.UltraWebCalcManager.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.UltraWebCalcManager" TagPrefix="igcalc" %>

<%@ Register Assembly="Infragistics2.WebUI.Misc.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.Misc" TagPrefix="igmisc" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDataInput.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>

<%@ Register Src="ucMenu.ascx" TagName="ucMenu" TagPrefix="uc1" %>

<%@ Register Assembly="Infragistics2.WebUI.UltraWebNavigator.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.UltraWebNavigator" TagPrefix="ignav" %>

<!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 id="Head1" runat="server">

 

<title>Untitled Page</title>

 

<script type="text/javascript">

// <![CDATA[

function fixed_top(select,offS){return Number(offS+document.documentElement.scrollTop+document.body.scrollTop)+'px';

}

function fixed_left(select,offS){

return Number(offS+document.documentElement.scrollLeft+document.body.scrollLeft)+'px';

}

function fixed_bottom(select,offS){return Number(-offS+document.documentElement.clientHeight-select.offsetHeight+document.documentElement.scrollTop+document.body.scrollTop)+'px';

}

function fixed_right(select,offS){

return Number(-offS+document.documentElement.clientWidth-select.offsetWidth+document.documentElement.scrollLeft+document.body.scrollLeft)+'px';

}

// ]]>

</script>

<link href="App_Themes/Indices2.css" rel="stylesheet" type="text/css" />

 

<!--[if lt IE 7.]>

<style type="text/css">

body {

background: url(null) fixed;

}

#en_tete

{

position: absolute;

top: expression(fixed_top(this,0));

left: expression(fixed_left(this,0));

}

#fil

{

position: absolute;

top: expression(fixed_top(this,119));

left: expression(fixed_left(this,0));

}

#pied_de_page

{

position: absolute;

top: expression(fixed_bottom(this,0));

left: expression(fixed_left(this,0));

}

 

#menu_navigation ul

{

position: absolute;

left: -50px;

top: 25px;

}

 

#toolbar

{

position: absolute;

top: expression(fixed_top(this,130));

left: expression(fixed_right(this,20));

}

</style>

<![endif]-->

 

</head>

<body>

<form id="form1" runat="server">

<div id="main_page">

<div id="en_tete">

<table class="table_head">

<tr>

<td id="H_A1">

</td>

<td id="H_A2">

<asp:Panel ID="Panel1" runat="server">

<table style="color: white; margin-left: 30px;">

<tr>

<td valign="middle">

<p align="center">

<asp:Image ID="Image1" runat="server" ImageUrl="images/Home.gif"></asp:Image></p>

</td>

<td valign="middle">

<asp:Label ID="LbUser" class="LoginUser" runat="server" Style="font-style: normal">Label</asp:Label>

<asp:Label ID="LbLibelle" class="LblLibelle" runat="server" Font-Size="0.9em">Label</asp:Label>

<asp:Label ID="LbVille" class="LblLibelle" runat="server" Font-Size="0.9em">Label</asp:Label></td>

</tr>

</table>

</asp:Panel>

</td>

<td id="H_A3">

<asp:LoginStatus ID="LoginStatus1" runat="server" ForeColor="White" LogoutAction="Redirect"

LogoutPageUrl="~/Default.aspx" OnLoggingOut="LoginStatus1_LoggingOut" Style="font-family: Arial, Sans-Serif"

Font-Size="Smaller" />

<br />

</td>

</tr>

</table>

<!-- fin table_head -->

<table class="table_head">

<tr>

<td id="H_B1">

</td>

<td id="H_B2">

</td>

<td id="H_B3">

<uc1:ucMenu ID="UcMenu1" runat="server" />

</td>

</tr>

</table>

<!-- fin table_head -->

</div>

<!--fin en_tete-->

<div id="fil">

<table class="table_fil">

<tr>

<td colspan="3">

<asp:SiteMapPath ID="SiteMapPath1" runat="server" Style="font-weight: bold; font-size: 0.9em;

color: #1a7184; font-family: Arial, Sans-Serif; text-decoration: none; z-index: 1">

</asp:SiteMapPath>

</td>

</tr>

</table>

<!--fin fil d'ariane-->

</div>

<!--fin fil-->

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<div id="pied_de_page">

<table id="table_foot">

<tr>

<td id="F_A1">

</td>

<td id="F_A2">

<p>

blablabla</p>

</td>

<td id="F_A3">

</td>

</tr>

</table>

<!-- table_foot -->

</div>

<!--fin de pied_de_page-->

</div>

<!--fin main_page-->

</form>

</body>

</html>

the page with the bug :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="wfPersonnel.aspx.cs" Inherits="Pages_wfPersonnel"

MasterPageFile="~/MasterPageIndices2.master" Title="Evolution des frais du personnel" %>

<%@ Register Assembly="Infragistics2.WebUI.WebCombo.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.WebCombo" TagPrefix="igcmbo" %>

<%@ Register Assembly="Infragistics2.WebUI.UltraWebNavigator.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.UltraWebNavigator" TagPrefix="ignav" %>

<%@ Register Assembly="Infragistics2.WebUI.Misc.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.Misc" TagPrefix="igmisc" %>

<%@ Register Assembly="Infragistics2.WebUI.UltraWebGrid.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.UltraWebGrid" TagPrefix="igtbl" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDataInput.v7.2, Version=7.2.20072.61, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div id="toolbar">

<ignav:UltraWebMenu ID="ultraWebMenu" runat="server" JavaScriptFilename="" JavaScriptFileNameCommon=""

LeafItemImageUrl="" ParentItemImageUrl="" StyleSetName="" ItemPaddingSubMenus="1" Style="right: 5%; z-index: 1; position: absolute" OnMenuItemChecked="ultraWebMenu_MenuItemChecked" SeparatorClass="">

<Items>

<ignav:Item Text="Affichage" CssClass="icone_affichage">

<Items>

<ignav:Item CheckBox="True" Checked="True" Text="Calcul">

</ignav:Item>

<ignav:Item CheckBox="True" Text="Regroupement">

</ignav:Item>

</Items>

</ignav:Item>

<ignav:Item TagString="Calcul" Text="Calcul" CssClass="icone_calcul">

</ignav:Item>

<ignav:Item TagString="Impression" Text="Impression" CssClass="icone_print">

</ignav:Item>

<ignav:Item TagString="Export" Text="Export" CssClass="icone_export">

<Items>

<ignav:Item TagString="PDF" Text="PDF">

</ignav:Item>

<ignav:Item TagString="Excel" Text="Excel">

</ignav:Item>

<ignav:Item TagString="Ppt" Text="PowerPoint">

</ignav:Item>

</Items>

</ignav:Item>

<ignav:Item TagString="Annuler" Text="Annuler" CssClass="icone_cancel">

</ignav:Item>

</Items>

<Levels>

<ignav:Level Index="0"></ignav:Level>

<ignav:Level Index="1"></ignav:Level>

</Levels>

<ExpandEffects ShadowColor="White" RemovalDelay="300"></ExpandEffects>

 

<Styles>

<ignav:Style BackgroundImage="../Images/calcul.png" CssClass="icone_calcul" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/cancel.png" CssClass="icone_cancel" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/print.png" CssClass="icone_print" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/ok.png" CssClass="icone_ok" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/export.png" CssClass="icone_export" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/option.png" CssClass="icone_option" CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

<ignav:Style BackgroundImage="../Images/affichage.png" CssClass="icone_affichage"

CustomRules="background-repeat:no-repeat;background-position:50% 0%">

</ignav:Style>

</Styles>

<MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" ItemHover=""

SubMenuDisplay="" />

</ignav:UltraWebMenu>

</div>

<!--fin toolbar-->

<div id="tableau_personnel">

<igmisc:WebAsyncRefreshPanel ID="WebAsyncRefreshPanel1" runat="server" Height=""

Width="">

<div id="evolution">

<table>

<tr>

<td>

<p>

Evolution des salaires :</p>

</td>

<td>

<igtxt:WebNumericEdit ID="txtPourcentageTableauSalaires" runat="server" OnEnterKeyPress="txtPourcentage_EnterKeyPress"

Width="60px">

<ButtonsAppearance CustomButtonDisplay="OnRight">

</ButtonsAppearance>

<ClientSideEvents CustomButtonPress="txtPourcentageTableau_CustomButtonPress" />

</igtxt:WebNumericEdit>

</td>

<td>

<p>

Evolution des charges :</p>

</td>

<td>

<igtxt:WebNumericEdit ID="txtPourcentageTableauCharges" runat="server" OnEnterKeyPress="txtPourcentage_EnterKeyPress"

Width="60px">

<ButtonsAppearance CustomButtonDisplay="OnRight">

</ButtonsAppearance>

<ClientSideEvents CustomButtonPress="txtPourcentageTableau_CustomButtonPress" />

</igtxt:WebNumericEdit>

</td>

</tr>

<tr>

<td>

</td>

<td>

<p>

Evolution des aides :</p>

</td>

<td>

<igtxt:WebNumericEdit ID="txtPourcentageTableauAides" runat="server" OnEnterKeyPress="txtPourcentage_EnterKeyPress"

Width="60px">

<ButtonsAppearance CustomButtonDisplay="OnRight">

</ButtonsAppearance>

<ClientSideEvents CustomButtonPress="txtPourcentageTableau_CustomButtonPress" />

</igtxt:WebNumericEdit>

</td>

<td>

</td>

</tr>

</table>

</div>

<!--fin evolution-->

<igtbl:UltraWebGrid ID="grdTableau" runat="server" OnAddRow="grdTableau_AddRow" OnDeleteRow="grdTableau_DeleteRow"

OnUpdateRow="grdTableau_UpdateRow" Style="margin-top: 30px">

<Bands>

<igtbl:UltraGridBand>

<AddNewRow View="NotSet" Visible="NotSet">

</AddNewRow>

</igtbl:UltraGridBand>

</Bands>

<DisplayLayout AllowDeleteDefault="Yes" AllowUpdateDefault="Yes" BorderCollapseDefault="Separate"

CellClickActionDefault="Edit" HeaderClickActionDefault="SortMulti" Name="grdTableau"

RowHeightDefault="20px" SelectTypeRowDefault="Extended" StationaryMargins="Header"

StationaryMarginsOutlookGroupBy="True" TableLayout="Fixed" Version="4.00" ViewType="OutlookGroupBy"

ColWidthDefault="60px" AllowAddNewDefault="Yes" ScrollBar="Never">

<GroupByBox Hidden="True">

<BoxStyle BackColor="ActiveBorder" BorderColor="Window">

</BoxStyle>

</GroupByBox>

<GroupByRowStyleDefault BackColor="Control" BorderColor="Window">

</GroupByRowStyleDefault>

<ActivationObject BorderColor="" BorderWidth="">

</ActivationObject>

<FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">

<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

</FooterStyleDefault>

<RowStyleDefault BackColor="Window" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"

Font-Names="Microsoft Sans Serif" Font-Size="8.25pt">

<BorderDetails ColorLeft="Window" ColorTop="Window" />

<Padding Left="3px" />

</RowStyleDefault>

<FilterOptionsDefault>

<FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid"

BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"

Font-Size="11px">

<Padding Left="2px" />

</FilterOperandDropDownStyle>

<FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">

</FilterHighlightRowStyle>

<FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"

CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"

Font-Size="11px" Height="300px" Width="200px">

<Padding Left="2px" />

</FilterDropDownStyle>

</FilterOptionsDefault>

<HeaderStyleDefault BackColor="#E8E8E8" BorderStyle="Solid" HorizontalAlign="Center"

Font-Bold="True" Wrap="True">

<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

</HeaderStyleDefault>

<EditCellStyleDefault BorderStyle="None" BorderWidth="0px">

</EditCellStyleDefault>

<FrameStyle Font-Names="Microsoft Sans Serif" Font-Size="8.25pt">

</FrameStyle>

<Pager MinimumPagesForDisplay="2">

<PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">

<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

</PagerStyle>

</Pager>

<AddNewBox Hidden="False" Prompt="Ajouter..." Location="Top">

<BoxStyle BackColor="Window" BorderColor="InactiveCaption" BorderStyle="None" BorderWidth="1px">

<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

</BoxStyle>

<ButtonStyle Cursor="Hand">

</ButtonStyle>

</AddNewBox>

<AddNewRowDefault Visible="Yes">

</AddNewRowDefault>

</DisplayLayout>

</igtbl:UltraWebGrid>

</igmisc:WebAsyncRefreshPanel>

<igtxt:WebNumericEdit ID="txtNumeric" runat="server" DataMode="Decimal" MinDecimalPlaces="Two">

<ButtonsAppearance CustomButtonDisplay="OnRight">

</ButtonsAppearance>

<ClientSideEvents CustomButtonPress="txtNumeric_CustomButtonPress" />

</igtxt:WebNumericEdit>

<igtxt:WebDateTimeEdit ID="txtDate" runat="server" DisplayModeFormat="d">

</igtxt:WebDateTimeEdit>

<igcmbo:WebCombo ID="comboFonction" runat="server" BackColor="White" BorderColor="Silver"

BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" SelBackColor="DarkBlue"

SelForeColor="White" Version="4.00" Width="151px" JavaScriptFileName="">

<Columns>

<igtbl:UltraGridColumn>

<header caption="Column0"></header>

</igtbl:UltraGridColumn>

</Columns>

<ExpandEffects ShadowColor="LightGray"></ExpandEffects>

<DropDownLayout DropdownHeight="" RowHeightDefault="20px" ColHeadersVisible="No"

BorderCollapse="Separate" RowSelectors="No" DropdownWidth="" Version="4.00">

<HeaderStyle BorderStyle="Solid" BackColor="LightGray">

<BorderDetails ColorTop="White" WidthLeft="1px" WidthTop="1px" ColorLeft="White"></BorderDetails>

</HeaderStyle>

<FrameStyle BorderWidth="2px" BorderStyle="Ridge" Font-Size="10pt" Font-Names="Verdana"

BackColor="Silver" Cursor="Default">

</FrameStyle>

<RowStyle BorderWidth="1px" BorderColor="Gray" BorderStyle="Solid" BackColor="White">

<BorderDetails WidthLeft="0px" WidthTop="0px"></BorderDetails>

</RowStyle>

<SelectedRowStyle ForeColor="White" BackColor="DarkBlue"></SelectedRowStyle>

</DropDownLayout>

</igcmbo:WebCombo>

<igcmbo:WebCombo ID="comboContrat" runat="server" BackColor="White" BorderColor="Silver"

BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" SelBackColor="DarkBlue"

SelForeColor="White" Version="4.00" Width="151px">

<Columns>

<igtbl:UltraGridColumn>

<header caption="Column0"></header>

</igtbl:UltraGridColumn>

</Columns>

<ExpandEffects ShadowColor="LightGray" />

<DropDownLayout DropdownHeight="" RowHeightDefault="20px" ColHeadersVisible="No"

BorderCollapse="Separate" RowSelectors="No" DropdownWidth="" Version="4.00">

<HeaderStyle BorderStyle="Solid" BackColor="LightGray">

<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

</HeaderStyle>

<FrameStyle BorderWidth="2px" BorderStyle="Ridge" Font-Size="10pt" Font-Names="Verdana"

BackColor="Silver" Cursor="Default">

</FrameStyle>

<RowStyle BorderWidth="1px" BorderColor="Gray" BorderStyle="Solid" BackColor="White">

<BorderDetails WidthLeft="0px" WidthTop="0px" />

</RowStyle>

<SelectedRowStyle BackColor="DarkBlue" ForeColor="White" />

</DropDownLayout>

</igcmbo:WebCombo>

<igtxt:WebNumericEdit ID="txtNumericEvolution" runat="server" DataMode="Decimal"

MinDecimalPlaces="Two">

<ButtonsAppearance CustomButtonDisplay="OnRight">

</ButtonsAppearance>

<ClientSideEvents CustomButtonPress="txtNumericEvolution_CustomButtonPress" />

</igtxt:WebNumericEdit>

</div>

<!--fin center_box-->

</asp:Content>