Problem with arrow in left side bar menu
See original GitHub issueIssue 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:
`<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>
Issue Analytics
- State:
- Created 5 years ago
- Comments:10
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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!