Topic: Angular 5.2.0 navbar

Alberto pro asked 5 years ago


Hi, just updated my project to the latest mdb pro and now the hamburger button does not appear. It's there when I inspect it but just doesn't have the fa-bars span class assigned to it. Nothing in my code changed except than the new classes required for scrollable navbar. Very frustrating. Updating the library should not break basic functionality. Also if you change the way some functionality is implemented or the name of css classes to be used, you should at the very list make it exceedingly easy to find out.  

Weiser pro answered 5 years ago


Hi,

we are facing the same behaviour. The problem appeared after updating to the new version. This is our markup:

<mdb-navbar SideClass="navbar fixed-top navbar-expand-lg navbar-dark primary-color scrolling-navbar"
            [containerInside]="false">
  <logo>
    <a class="logo navbar-brand" href="#">
      <strong>Brand</strong>
    </a>
  </logo>
  <links>
    <ul class="navbar-nav mr-auto">
<removed LIs>
    
    </ul>
    <ul class="navbar-nav nav-flex-icons">
     <removed LIs>
    </ul>
  </links>
</mdb-navbar>

Damian Gemza staff commented 5 years ago

Hello Weiser, Fix for this problem is available on GitLab repo in branch dev. You can download it from there, and problem will be solved. Best Regards, Damian

Anas mohammed pro commented 5 years ago

Hi, I'm also facing same problem after updating to 5.2.0 can you show me the path. i'm not much aware of gitlab repo, or can you paste the solution here. thanks in advance.

johnsli free commented 5 years ago

Hi Damian - I'm a pro user but cannot get access to the GitLab repo. Can you please advice regarding how to get access to the repository? Thanks. -John

Damian Gemza staff commented 5 years ago

Dear salmansahnoon, Please delete your node_modules directory. Then head into your package.json file, and in line "ng-mdb-pro", at the end please add #dev to download package from dev branch. For example, your line with MDB installation in package.json file should looks like this: git+https://oauth2:@git.mdbootstrap.com/mdb/angular/ng-pro.git#dev Then type npm install one more time, and you will get updated dev version of MDB. Best Regards, Damian

Damian Gemza staff answered 5 years ago


Hello Alberto, Yes, we have changed this, because there was situation, when hamburger button was dubled. Could you show me your navbar code? For me, everything is working fine. With every example code from our documentation, i see navbar button. Best Regards, Damian

Alberto pro commented 5 years ago

I used the navbar code from your angular website. For some reason the fa-bars span is not assigned. I am trying an empty project and will update if the problem persists


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags