eeh-navigation
eeh-navigation copied to clipboard
Possible to add a 'profile' area to the top of the sidebar?
I really like this control and have integrated it nicely into my web application (thank you). The last thing I am trying to achieve is adding a 'profile' area at the top of the eeh-navigation
control. I have added a <div>
to the very top of the window and started the eeh-navigation
straight under this (150px down). The problem with this is that the eeh-navigation-page-wrapper
wants to start level with the top of the sidebar, so it too is starting further down the screen. I have had to apply margin-top: -150px;
to push the page wrapper back up to the top of the screen, however, this does not seem ideal for me. I have also found that by starting the eeh-navigation-sidebar
at 150 makes it span offscreen (vertically) by the same amount, so my page wrapper is causing a vertical scrollbar even with no content.
Is there a way I can add a 'profile' container that is built in to the eeh-navigation-sidebar
and accessible in the DOM, but does not affect the page wrapper?
Inside the sideBar template, you can add ng-include
inside <i>
tag as following (see the last line):
<nav class="navbar navbar-default eeh-navigation eeh-navigation-sidebar scroll" role="navigation"
ng-class="navClass">
<div class="navbar-collapse" uib-collapse="isNavbarCollapsed">
<ul class="nav sidebar-nav">
<li ng-include="'template/my-sidebar-profile.html'"></li>
....
....