Rare
  • Introduction
  • HTML
    • Introduction
    • Html Structure
      • Header
      • Left Side Menu
      • Main Content
    • Main Content
      • Buttons
      • Fonts
      • Lock Screens
      • Maps
      • Modals
      • Plugins Used
      • Progress Bars
    • Css Files
    • Java Script Used
    • Scss
    • Fonts Used
    • Images used
    • Starts New page
      • Centered Logo
      • Compact Menu
      • Default
      • Horizontal
      • Light Side Bar
      • Mmenu
  • Rare Builder
    • Layouts
      • Default
      • Centered Logo
      • Compact Menu
      • Fixed Menu
      • Fixed Header
      • Horizontal
      • Icon Horizontal
      • Dark
      • Full Width
      • Header Style
      • Fixed Footer
      • Mmenu
      • Light Sidebar
    • Macros
      • Layouts
      • Breadcrumb
    • Partials
      • Headers
        • Header
        • Centered Logo Header
      • Heads
        • Head
      • Breadcrumbs
        • Breadcrumb 1
        • Breadcrumb 2
        • Breadcrumb 3
        • Breadcrumb 4
        • Breadcrumb 5
        • Breadcrumb Default
      • Ends
        • End
      • Menus
        • Default
        • Horizontal
        • Icon Horizontal
        • Compact
        • Mmenu
      • Footer
        • Footer
        • Fixed Footer
      • Messages
      • Notifications
      • User Profile
    • Add Builder
    • Commands
    • New Page
  • FAQ
    • Change Left Menu Content
    • Setting Layout As Default
    • Change Breadcrumb
    • Change Colors In scss
Powered by GitBook
On this page

Was this helpful?

  1. FAQ

Change Left Menu Content

If you want to change the content in left menu you need to edit following file and recompile.

File path:-src/templates/partials/leftmenu.html

<!-- Left side column. contains the logo and sidebar -->
    <div class="left_aside">
        <!-- sidebar: style can be found in sidebar-->
        <div class="sidebar">
            <!--user profile section-->
            <div class="user_section">
                <div class="row">
                    <div class="col-5">
                        <img src="img/admin.jpg" alt="user not found" class="rounded-circle">
                    </div>
                    <div class="col-7">
                        <p class="text-white mt-2 mb-0">John Doe</p>
                        <div class="leftuser_icons">
                            <span class="float-left"><a href="profile2.html">
                            <i class="ti-user text-white"></i></a></span><span class="float-left">
                            <a href="inbox.html"><i class="ti-email text-white"></i></a></span>
                            <span class="float-left"><a href="lockscreen.html">
                            <i class="ti-lock text-white"></i></a></span>
                        </div>
                    </div>
                </div>
            </div>
            <div id="menu" role="navigation">
                <ul class="navigation">
                    <li class="menu-dropdown {% if (page == 'index1') or (page == 'index2') %} active
                    {% endif %}">
                        <a href="#" class="dropdown_head">
                            <i class="menu_icon ti-home text-primary"></i>
                            <span class="mm-text ">Dashboard</span>
                            <span class="ti-angle-up"></span>
                        </a>
                        <ul class="sub_menu">
                            <li {% if page =='index1'%} class="active" id="active" {% endif %}>
                                <a href="index.html">
                                    <i class="ti-angle-double-right"></i> Dashboard 1
                                </a>
                            </li>
                            <li  {% if page =='index2'%} class="active" id="active" {% endif %}>
                                <a href="index2.html">
                                    <i class="ti-angle-double-right"></i> Dashboard 2
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-dropdown {% if (page == 'Widgets1') or (page == 'Widgets2') or
                     (page == 'Widgets3')  %} active{% endif %}">
                        <a href="#" class="dropdown_head">
                            <i class="menu_icon ti-palette text-danger"></i>
                            <span class="mm-text "> Widgets</span>
                            <span class="ti-angle-up"></span>
                        </a>
                        <ul class="sub_menu">
                            <li {% if page =='Widgets1'%} class="active" id="active" {% endif %}>
                                <a href="widgets1.html">
                                    <i class="ti-angle-double-right"></i> Widgets 1
                                </a>
                            </li>
                            <li {% if page =='Widgets2'%} class="active" id="active" {% endif %}>
                                <a href="widgets2.html">
                                    <i class="ti-angle-double-right"></i> Widgets 2
                                </a>
                            </li>
                            <li {% if page =='Widgets3'%} class="active" id="active" {% endif %}>
                                <a href="widgets3.html">
                                    <i class="ti-angle-double-right"></i> Widgets 3
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!-- / .navigation -->
            </div>
            <!-- menu -->
        </div>
        <!-- /.sidebar -->
    </div>
PreviousFAQNextSetting Layout As Default

Last updated 5 years ago

Was this helpful?