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
176
Right align 1 topitem in horizontal webmenu
posted

Hello all, 

I have made a webmenu with a few top items. The last item i made is a logout link, which i want to have it aligned to the right side. Is there anyway to  accomplish that. 

This is the code i used. 

 <ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" DisabledClass=""
                        FileUrl="" ItemPaddingSubMenus="2" JavaScriptFilename="" JavaScriptFileNameCommon=""
                        LeafItemImageUrl="" ParentItemImageUrl="" StyleSetName="" TargetFrame="" TargetUrl=""
                        TopItemSpacing="Compact" TopSelectedClass="" WebMenuStyle="XPClient" OnMenuItemClicked="UltraWebMenu1_MenuItemClicked">
                        <Styles>
                            <ignav:Style CssClass="TopLevelHover">
                                <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                            </ignav:Style>
                            <ignav:Style CssClass="TopLevelStyle">
                                <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                            </ignav:Style>
                        </Styles>
                        <Images>
                        </Images>
                        <IslandStyle Cursor="Default" CssClass="webMenu">
                        </IslandStyle>
                        <HoverItemStyle CssClass="webMenuOnHover" Cursor="Default" >
                        </HoverItemStyle>
                        <Levels>
                            <ignav:Level Index="0" />
                        </Levels>
                        <DisabledStyle BorderStyle="Solid" ForeColor="LightGray">
                            <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                        </DisabledStyle>
                        <ItemStyle Font-Names="Arial" Font-Size="8pt" />
                        <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " />
                        <ExpandEffects ShadowColor="LightGray" />
                        <TopSelectedStyle>
                            <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                        </TopSelectedStyle>
                        <Items>
                            <ignav:Item Text="menu1">
                            </ignav:Item>
                            <ignav:Item Text="menu2">
                            </ignav:Item>
                            <ignav:Item Text="menu3">
                            </ignav:Item>
                            <ignav:Item Text="menu4">
                            </ignav:Item>
                            <ignav:Item Text="Logout">
                            </ignav:Item>
                        </Items>
                        <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" ItemHover=""
                            SubMenuDisplay="" />
                    </ignav:UltraWebMenu>

  

 Thanks in Advance.