how change the direction of AspNet-Menu-Horizontal

Question

User1144367423 posted

 .PrettyMenu .AspNet-Menu-Horizontal
{
 direction :rtl;

}

????

Answer 1

User559104930 posted

You cannot set this with CSS. You can either set it in the markup:

<asp:Menu Orientation="Horizontal">

or set it in a .skin file using the same syntax.

Answer 2

User1836848059 posted

hi,

u can set like this in .aspx page

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"/>

Answer 3

User1144367423 posted

thanl you for all ....

Answer 4

User-1853846411 posted

You can solve it adding the

RenderingMode="Table"

property to the MENU code.

Othervise IIS could produce the rendering of a Vertical Menu .

Answer 5

User61956409 posted

Hi asp4mjs,

Thanks for your post.

We could use Menu.Orientation Property to display a horizontal menu, you could refer to the following code example from MSDN.

<div>
            <h3>Menu Orientation Example</h3>

            <asp:Menu ID="NavigationMenu"
                StaticDisplayLevels="2"
                StaticSubMenuIndent="10"
                Orientation="Horizontal"
                DynamicHorizontalOffset="10"
                Target="_blank"
                runat="server">
                <Items>
                    <asp:MenuItem NavigateUrl="Home.aspx"
                        Text="Home"
                        ToolTip="Home">
                        <asp:MenuItem NavigateUrl="Music.aspx"
                            Text="Music"
                            ToolTip="Music">
                            <asp:MenuItem NavigateUrl="Classical.aspx"
                                Text="Classical"
                                ToolTip="Classical" />
                            <asp:MenuItem NavigateUrl="Rock.aspx"
                                Text="Rock"
                                ToolTip="Rock" />
                            <asp:MenuItem NavigateUrl="Jazz.aspx"
                                Text="Jazz"
                                ToolTip="Jazz" />
                        </asp:MenuItem>
                        <asp:MenuItem NavigateUrl="Movies.aspx"
                            Text="Movies"
                            ToolTip="Movies">
                            <asp:MenuItem NavigateUrl="Action.aspx"
                                Text="Action"
                                ToolTip="Action" />
                            <asp:MenuItem NavigateUrl="Drama.aspx"
                                Text="Drama"
                                ToolTip="Drama" />
                            <asp:MenuItem NavigateUrl="Musical.aspx"
                                Text="Musical"
                                ToolTip="Musical" />
                        </asp:MenuItem>
                    </asp:MenuItem>
                </Items>
            </asp:Menu>
        </div> 

For more information, please check the below link.

• Menu.Orientation Property

If you have any question about my reply, please let me know freely.

Best Regards,

Fei Han