I have a menu that I want to change the direction of the arrow to rtl this is my code ltdivgt ltdiv class34sidebarmenu34gt ltdiv dir34rtl34gt ltaspMenu ID34Menu134 runat34server34 BackColor3430364134 BorderColor3430364134 FontNames34Segoe UI34 ForeColor34White34 Height3450px34 Width34150px34 Orientation34Vertical34 FontSize34Medium34 Vertica

Hi dorsa Refer below samplelthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltstyle type34textcss34gt sidebarmenu position center float left width 200px top 0 right 0 bottom 0 backgroundcolor 303641 color aaabae fontfamily 34Segoe UI34 boxshadow 0px 0px 10px 0px rgba0 0 0 05 zindex 1 direction rtl textalign right paddingright 10px ltstylegtltheadgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltdiv class34sidebarmenu34gt ltbr gt ltbr gt ltbr gt ltbr gt ltbr gt ltbr gt ltdiv dir34rtl34g

Change Menu arrow direction in ASP.Net

dorsa

SOLVED CLOSED ACTIVE ANSWERED
User: dorsa
Posted: on May 14, 2019 01:56 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 2964

I have a menu that I want to change the direction of the arrow to rtl. this is my code:

        <div>
            <div class="sidebar-menu">
                <div dir="rtl">
                    <asp:Menu ID="Menu1" runat="server" BackColor="#303641" BorderColor="303641" Font-Names="Segoe UI" ForeColor="White" Height="50px" Width="150px" Orientation="Vertical" Font-Size="Medium" VerticalPadding="5px">
                        <DynamicHoverStyle BackColor="#303641" Font-Names="Segoe UI" ForeColor="White" Height="50px" Width="150px" BorderColor="Black" Font-Size="Large" />
                        <DynamicMenuItemStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI" ForeColor="White" Height="50px" Width="150px" Font-Size="Small" VerticalPadding="5px" />
                        <DynamicMenuStyle BackColor="#303641" Height="50px" Width="150px" BorderColor="Black" VerticalPadding="5px" />
                        <DynamicSelectedStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI" ForeColor="White" Height="50px" Width="150px" VerticalPadding="5px" />
                        <Items>
                            <asp:MenuItem Text="راهنما" Value="راهنما"></asp:MenuItem>
                            <asp:MenuItem Text="مدیریت آموزش" Value="مدیریت آموزش">
                                <asp:MenuItem Text="واحد درسی" Value="واحد درسی"></asp:MenuItem>
                                <asp:MenuItem Text="مدیریت انسانی" Value="مدیریت انسانی">
                                    <asp:MenuItem Text="فرد" Value="فرد">
                                        <asp:MenuItem Text="تعریف فرد" Value="تعریف فرد"></asp:MenuItem>
                                        <asp:MenuItem Text="مدیریت فرد" Value="مدیریت فرد"></asp:MenuItem>
                                    </asp:MenuItem>
                                    <asp:MenuItem Text="دانشجو" Value="دانشجو">
                                        <asp:MenuItem Text="تعریف دانشجو" Value="تعریف دانشجو"></asp:MenuItem>
                                        <asp:MenuItem Text="مدیریت دانشجو" Value="مدیریت دانشجو"></asp:MenuItem>
                                    </asp:MenuItem>
                                    <asp:MenuItem Text="استاد" Value="استاد">
                                        <asp:MenuItem Text="تعریف استاد" Value="تعریف استاد"></asp:MenuItem>
                                        <asp:MenuItem Text="مدیریت استاد" Value="مدیریت استاد"></asp:MenuItem>
                                    </asp:MenuItem>
                                </asp:MenuItem>
                                <asp:MenuItem Text="انتخاب واحد" Value="انتخاب واحد"></asp:MenuItem>
                                <asp:MenuItem Text="گزارشگیری" Value="گزارشگیری"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="انتخاب واحد" Value="انتخاب واحد"></asp:MenuItem>
                            <asp:MenuItem Text="گزارشگیری" Value="گزارشگیری">
                                <asp:MenuItem Text="لیست حضور و غیاب" Value="لیست حضور و غیاب"></asp:MenuItem>
                                <asp:MenuItem Text="حضور و غیاب جلسه امتحان" Value="حضور و غیاب جلسه امتحان"></asp:MenuItem>
                            </asp:MenuItem>
                        </Items>
                        <StaticHoverStyle Font-Names="Segoe UI" ForeColor="White" BackColor="#303641" BorderColor="Black" Height="50px" Width="100px" />
                        <StaticMenuItemStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI" Height="50px" Width="100px" />
                        <StaticMenuStyle BackColor="#303641" BorderColor="Black" Height="50px" Width="100px" />
                        <StaticSelectedStyle BackColor="303641" BorderColor="#333333" Font-Names="Segoe UI" ForeColor="#FFFFCC" Height="50px" Width="100px" />
                    </asp:Menu>
                </div>
            </div>

.sidebar-menu {
  position:center;
  float: left;
  width: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #303641;
  color: #aaabae;
  font-family: "Segoe UI";
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
  direction:rtl;
  text-align:right;
  padding-right:10px;
}

how can I change the direction of the menu arrow?

Download FREE API for Word, Excel and PDF in ASP.Net

pandeyis...

0 5

Reply
ANSWER
User: pandeyism
Replied: on May 14, 2019 06:23 AM
Report

Hi dorsa,

Refer below sample.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .sidebar-menu
        {
            position: center;
            float: left;
            width: 200px;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: #303641;
            color: #aaabae;
            font-family: "Segoe UI";
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
            z-index: 1;
            direction: rtl;
            text-align: right;
            padding-right: 10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div class="sidebar-menu">
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <div dir="rtl">
                <asp:Menu ID="Menu1" runat="server" BackColor="#303641" BorderColor="303641" Font-Names="Segoe UI"
                    ForeColor="White" Height="50px" Width="150px" Orientation="Vertical" Font-Size="Medium"
                    VerticalPadding="5px" StaticPopOutImageUrl="~/LeftCaret.jpg" DynamicPopOutImageUrl="~/LeftCaret.jpg">
                    <DynamicHoverStyle BackColor="#303641" Font-Names="Segoe UI" ForeColor="White" Height="50px"
                        Width="150px" BorderColor="Black" Font-Size="Large" />
                    <DynamicMenuItemStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI"
                        ForeColor="White" Height="50px" Width="150px" Font-Size="Small" VerticalPadding="5px" />
                    <DynamicMenuStyle BackColor="#303641" Height="50px" Width="150px" BorderColor="Black"
                        VerticalPadding="5px" />
                    <DynamicSelectedStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI"
                        ForeColor="White" Height="50px" Width="150px" VerticalPadding="5px" />
                    <Items>
                        <asp:MenuItem Text="راهنما" Value="راهنما"></asp:MenuItem>
                        <asp:MenuItem Text="مدیریت آموزش" Value="مدیریت آموزش">
                            <asp:MenuItem Text="واحد درسی" Value="واحد درسی"></asp:MenuItem>
                            <asp:MenuItem Text="مدیریت انسانی" Value="مدیریت انسانی">
                                <asp:MenuItem Text="فرد" Value="فرد">
                                    <asp:MenuItem Text="تعریف فرد" Value="تعریف فرد"></asp:MenuItem>
                                    <asp:MenuItem Text="مدیریت فرد" Value="مدیریت فرد"></asp:MenuItem>
                                </asp:MenuItem>
                                <asp:MenuItem Text="دانشجو" Value="دانشجو">
                                    <asp:MenuItem Text="تعریف دانشجو" Value="تعریف دانشجو"></asp:MenuItem>
                                    <asp:MenuItem Text="مدیریت دانشجو" Value="مدیریت دانشجو"></asp:MenuItem>
                                </asp:MenuItem>
                                <asp:MenuItem Text="استاد" Value="استاد">
                                    <asp:MenuItem Text="تعریف استاد" Value="تعریف استاد"></asp:MenuItem>
                                    <asp:MenuItem Text="مدیریت استاد" Value="مدیریت استاد"></asp:MenuItem>
                                </asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="انتخاب واحد" Value="انتخاب واحد"></asp:MenuItem>
                            <asp:MenuItem Text="گزارشگیری" Value="گزارشگیری"></asp:MenuItem>
                        </asp:MenuItem>
                        <asp:MenuItem Text="انتخاب واحد" Value="انتخاب واحد"></asp:MenuItem>
                        <asp:MenuItem Text="گزارشگیری" Value="گزارشگیری">
                            <asp:MenuItem Text="لیست حضور و غیاب" Value="لیست حضور و غیاب"></asp:MenuItem>
                            <asp:MenuItem Text="حضور و غیاب جلسه امتحان" Value="حضور و غیاب جلسه امتحان"></asp:MenuItem>
                        </asp:MenuItem>
                    </Items>
                    <StaticHoverStyle Font-Names="Segoe UI" ForeColor="White" BackColor="#303641" BorderColor="Black"
                        Height="50px" Width="100px" />
                    <StaticMenuItemStyle BackColor="#303641" BorderColor="Black" Font-Names="Segoe UI"
                        Height="50px" Width="100px" />
                    <StaticMenuStyle BackColor="#303641" BorderColor="Black" Height="50px" Width="100px" />
                    <StaticSelectedStyle BackColor="303641" BorderColor="#333333" Font-Names="Segoe UI"
                        ForeColor="#FFFFCC" Height="50px" Width="100px" />
                </asp:Menu>
            </div>
        </div>
    </form>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Change Menu arrow direction in ASP.Net

Company

Explore

Follow us

Contact Us