Hi,
I have been looking almost everywhere and am not able to find a solution to this problem.
I am using a horizontal UltraWebMenu, setting its SubMenuImage approriately based on a user's language preference but I am unable to get the image ("<" instead of ">" for LTR languages) to appear on the left of the right-aligned menu text. In other words, my submenus display
subMenu1 <
instead of the the expected (mirror of "subMenu1 >"):
< subMenu1
Looking at the rendered page, it seems that inline css is forcing the image to 'float: right" - how do I overwrite this?
Any suggestions \ help will be greatly appreciated, thanks.
Hello,
Can you please share a simple sample reproducing the issue?
I was not able to encounter the issue with the online samples.
Hope hearing from you.
Thanks for the response, it is important that I find a solution.
I do not have a simple complete sample, unfortunately. I am building the menu dynamically, with 2 levels. The css for the page has body { direction:rtl; }, none of the css classes sets the text direction. The following from the ascx file.
<ignav:UltraWebMenu id="mnu" JavaScriptFilename="" JavaScriptFileNameCommon="" LeafItemImageUrl="" ParentItemImageUrl="" StyleSetName="" runat="server" EnhancedRendering="False" ItemPaddingSubMenus="0" ItemPaddingTop="0" ItemSpacingTop="0" SeparatorClass="" MergeStyles="False"> <ItemStyle CssClass="mnuItem"></ItemStyle> <DisabledStyle ForeColor="LightGray"></DisabledStyle> <HoverItemStyle Cursor="Default" CssClass="mnuItemHover"></HoverItemStyle> <IslandStyle BorderStyle="None" Cursor="Default"></IslandStyle> <ExpandEffects ShadowColor="LightGray"></ExpandEffects> <SeparatorStyle CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " /> <Levels> <ignav:Level Index="0" LevelCheckBoxes="False" /> <ignav:Level Index="1" LevelCheckBoxes="False" /> </Levels> <Items> <ignav:Item TargetUrl="Home.aspx" TagString="" HoverClass="mnuMainHover" TargetFrame="" CssClass="mnuMain" Text="Home"> <Items> <ignav:Item TargetUrl="Parent.aspx" TagString="" TargetFrame="" CssClass="" Text="Parent"> <Items> <ignav:Item TargetUrl="Page1.aspx" TagString="" TargetFrame="" CssClass="" Text="Page1"></ignav:Item> <ignav:Item TargetUrl="Page2.aspx" TagString="" TargetFrame="" CssClass="" Text="Page2"></ignav:Item> </Items> </ignav:Item> </Items> </ignav:Item> </Items> <Images> <SubMenuImage Url="igsch_left_arrow.gif" /> </Images> <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" SubMenuDisplay="" ItemHover=""/></ignav:UltraWebMenu>
Any help will be greatly appreciated. Thanks.
Hello Laubscher ,
Thank you for the code snippet.
You should set
EnhancedRendering="true"
in order to force the image to display on the left side.
Also please keep in mind that when an image is set, the same image is
displayed. For example you cannot expect "<" to transform in ">"
Let me know if you have further questions regarding this.