Problem with arrow in left side bar menu

[eothein]

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.

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

`

    <!-- 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>

[henri9813]

Hello,

Which version of font awesome are you using ?

[eothein]

Using the following version of font-awesome:

Font Awesome Free 5.0.9 by @FontAwesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

[eothein]

@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!

[henri9813]

Hello @eothein,

I'm satisfacted you fixed your issue.
Currently they are an issue related to the FontAwesome 5 integration with AdminLTE: #1975

Regards

[ph00lt0]

Put these settings before loading fontawesome in Javascript. This will nest the svg's in the used and fixes your issue.

FontAwesomeConfig = { autoReplaceSvg: 'nest' };

[REJack]

Is this issue still open?

[henri9813]

Hello @REJack

I think not, @eothein may forgot to close this issue.

Regards

[REJack]

Ok nice, I'll close it 😄

[eothein]

My apologies, I forgo to close indeed! Thanks for the help!

[thattejada]

@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!