Hello,
After upgrading from 15.1.3 to 15.1.7, the style tag on an ASPXMenu control has changed from:
ASPxz-index: 20000; position: absolute; left: 0px; top: 61px; visibility: visible; right: 0px; width: auto;
to
ASPxz-index: 20000; position: fixed; left: 0px; top: 61px; right: 0px; width: auto; visibility: visible;
The change in the position attribute from absolute to fixed renders my sub menus in less desirable way.
I would like to be able to correct this, but do not have the ability to adjust those inline styles. How can I get control over my menu again?
btw, in you also are having deja vu over this problem…it was apparently resolved once before with an earlier build: https://www.devexpress.com/Support/Center/Question/Details/T213730
Hi,
Based on your previous comment, it is unclear whether or not the issue you described in your original question is resolved. Would you please clarify this?
The original issue from https://www.devexpress.com/Support/Center/Question/Details/T213730 was resolved many months ago by upgrading to the latest build. That resolution has been undone by this morning's upgrade to 15.1.7, and now the problem has returned.
If it helps, here is the ASP code for the menu:
<dx:ASPxMenu ID="ASPxMenu1" runat="server" CssClass="nav navbar-nav" ClientInstanceName="mainMenu" showPopOutImage="true" EnableSubMenuFullWidth="true"
EnableViewState="true" EnableAnimation="false" AppearAfter="100" DisappearAfter="100" ShowSubMenuShadow="false" >
<SubMenuStyle CssClass="mainMenuPopup" GutterWidth="0px"></SubMenuStyle>
<Items>
<dx:MenuItem Text="Menu" ItemStyle-CssClass="active parent setAbsPos">
<SubMenuTemplate>
<uc:FullWidthSubMenuRoleBased runat="server" ID="ucMenuRoleBased" />
</SubMenuTemplate>
</dx:MenuItem>
<dx:MenuItem Text="Profile" ItemStyle-CssClass="active parent">
<SubMenuTemplate>
<uc:FullWidthSubMenuProfile runat="server" ID="ucMenuProfile" />
</SubMenuTemplate>
</dx:MenuItem>
</Items>
</dx:ASPxMenu>
and the resultant HTML looks like this -- note the change in styles affects the submenu ASPxMenu1_DXM0_:
<div class="dxmLite dxm-ltr">
<div id="ASPxMenu1" class="dxm-main dxm-horizontal nav navbar-nav" showpopoutimage="true" style="">
<b class="dx-clear"></b>
<div id="ASPxMenu1_DXM0_" style="z-index: 20000; left: 0px; top: 61px; right: 0px; width: auto; visibility: hidden; position: fixed; display: none;">
<div id="ASPxMenu1_DXME0_" class="dxm-popup mainMenuPopup" style="box-sizing: border-box; display: table; border-spacing: 0px; width: 100%;">
<div class="dx" style="width: 100%;">
<div class="SubMenuContent">
<div class="GroupContainer" style="width:100%;">
<div class="cancelSubMenuIcon">
<div class="Group">
<div class="Group">
<div class="Group">
<div class="Group">
<div class="Group">
</div>
</div>
</div>
</div>
</div>
<div id="ASPxMenu1_DXM1_" style="z-index: 20000; position: fixed; left: 0px; top: 61px; right: 0px; width: auto; visibility: hidden; display: none;">
</div>
<script id="dxss_1293989960" type="text/javascript">
Hello,
I managed to reproduce the issue and forwarded this ticket to our developers for further investigation. Please bear with us. We will contact you as soon as we have any results.
FYI, I clicked the hotfix request button not understanding that you all were simultaneously updating the ticket. You may cancel the request; I am not yet in production and can wait until the next release.