eeh-navigation icon indicating copy to clipboard operation
eeh-navigation copied to clipboard

Possible to add a 'profile' area to the top of the sidebar?

Open RipleWare opened this issue 8 years ago • 1 comments

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?

RipleWare avatar Jun 16 '16 11:06 RipleWare

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

IbrahimHd avatar Dec 06 '16 07:12 IbrahimHd