question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem with arrow in left side bar menu

See original GitHub issue

Issue type:

  • [ x] Bug report

Environment:

  • AdminLTE Version: 2.4.8
  • Operating System: Mac OS Maverick
  • Browser (Version): FireFox

Description:

After updating to the latest version, my application crashes by not showing the arrow correctly in the left side bar. I have updated my code as per the documentation.

schermafbeelding 2018-10-19 om 17 35 56

The code I have for the left side bar is the following:

`<section class="sidebar" style="height: auto;">

    <!-- Sidebar user panel -->
    <div class="user-panel">
        <div class="pull-left image">
            <img src="/images/users/erci8ZdixsSnQyGJTdNG3eo8-KZljaPHchicken.jpg" class="img-circle" alt="User Image">	
        </div>
        <div class="pull-left info">
            <p>TimAdmin</p>

            <a href="#"><svg class="svg-inline--fa fa-circle fa-w-16 text-success" aria-hidden="true" data-prefix="fa" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fa fa-circle text-success"></i> --> Online</a>
        </div>
    </div>

    <!-- search form -->
    <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
            <input type="text" name="q" class="form-control" placeholder="Search...">
            <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><svg class="svg-inline--fa fa-search fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg><!-- <i class="fa fa-search"></i> -->
                </button>
            </span>
        </div>
    </form>
    <!-- /.search form -->

    
    <ul class="sidebar-menu tree" data-widget="tree"><li><a href="/site/index"><svg class="svg-inline--fa fa-share fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="share" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg><!-- <i class="fa fa-fa fa-share"></i> -->  <span>Dashboard</span></a></li>
  • <svg class="svg-inline--fa fa-share fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="share" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg>
  • github_iconTop GitHub Comments

    eotheincommented, Oct 23, 2018

    @henri9813 Thanks for letting me check that: I’m using Yii2 with the dmstr library to import Admin LTE, but I was also using the Kartik Icon library. These both loaded different version of FontAwesome which conflicted with each other, loaded outdated icons (I guess).

    Deleting the Kartik library solved the isse.

    Thanks for the heads up!

    0reactions
    diegotejadavcommented, Jan 29, 2020

    @henri9813 Thanks for letting me check that: I’m using Yii2 with the dmstr library to import Admin LTE, but I was also using the Kartik Icon library. These both loaded different version of FontAwesome which conflicted with each other, loaded outdated icons (I guess).

    Deleting the Kartik library solved the isse.

    Thanks for the heads up!

    @eothein suggestion worked perfectly!! thank you so much!

    Read more comments on GitHub >

    github_iconTop Results From Across the Web

    How to adjust left sidebar menu to dropdown with arrows
    For our site we are using General Layout setting “Left sidebar” to display logo + menu on the left side. The challenge we...
    Read more >
    How to change the default "angle-left icon" on the sidebar ...
    Specific solution to your question​​ To change it to a right arrow we need to change \f104 to \f105 : As noted in...
    Read more >
    large left arrow in task bar - Microsoft Community
    large left arrow in task bar. I am having trouble with W10 - Noticed the problems this morning when Notepad wouldn't resize, same...
    Read more >
    Where is the arrow back botton at the top left ... - Mozilla Support
    The back/forward arrows are now at the right of the Navigation bar, you can use customize to move them back to the left...
    Read more >
    Side Navigation Arrow Placement Right or Left?
    3 Answers 3 · for accordion menu it can be on the right with up to bottom direction to expand and with arrow...
    Read more >

    github_iconTop Related Medium Post

    No results found

    github_iconTop Related StackOverflow Question

    No results found

    github_iconTroubleshoot Live Code

    Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
    Start Free

    github_iconTop Related Reddit Thread

    No results found

    github_iconTop Related Hackernoon Post

    No results found

    github_iconTop Related Tweet

    No results found

    github_iconTop Related Dev.to Post

    No results found

    github_iconTop Related Hashnode Post

    No results found