Ngx-bootstrap: Collapsed navbar menu does not popup when clicked

Created on 15 Feb 2016  Â·  16Comments  Â·  Source: valor-software/ngx-bootstrap

Most helpful comment

Any plans to add the navbar component?

All 16 comments

Please provide plunker or repo, and reproduce info
ng2-bootstrap doesn't have navbar or popups components as for now

closing because not enough info to reproduce

Any plans to add the navbar component?

yeap

Can you tell us about your plans please? And why is this issue closed? The bootstrap-navbar-example does not work with ng2-bootstrap: http://getbootstrap.com/components/#navbar The mobile menu is not collapsed when clicked.

navbar is not yet part of ng2-bootstrap, but planned to be added

valorkin any update?

Why has no attention been paid to issues regarding the navbar? Has development slowed down or something? Does anybody know of any alternatives to this framework that actually include basic features such as the navbar?

I was on vacation, we upgraded to ng2 final, now adding metadata for ng cli
compatibility, and tech requirements to all modules, in nearest time all
components will be rewritten

On Fri, Sep 23, 2016, 03:02 Colin Pirillo [email protected] wrote:

Why has no attention been paid to issues regarding the navbar? Has
development slowed down or something? Does anybody know of any alternatives
to this framework that actually include basic features such as the navbar?

—
You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
https://github.com/valor-software/ng2-bootstrap/issues/188#issuecomment-249062684,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABDk4x096iDj1N-D_aRQo0KRcsDwcRmXks5qsxcngaJpZM4HZ-xy
.

That's awesome! I look forward to trying it out, and thanks for the update.

Wondering what is the status of this? Examples from Bootstrap appear to still not work.

hi .. i was able to fix this with this solution using ngStyle

<button class="navbar-toggler navbar-toggler-right"
              type="button"
              (click)="toggleCollapse()"
              [attr.aria-expanded]="!isCollapsed">
  <span class="navbar-toggler-icon"></span>
</button>
<div id="navbar-navigation-menu"
        class="collapse navbar-collapse"
        [ngbCollapse]="isCollapsed"
        [ngStyle]="{display: isCollapsed ? 'block' : 'none'}">
  ...
</div>

As a simpler workaround you can add this to your css:

.dropdown.open .dropdown-menu { display: block; }

@alexinasra do you have a repo that you can share or something such as a jsbin?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghiscoding picture ghiscoding  Â·  3Comments

haisaco picture haisaco  Â·  3Comments

MihaiHoriaPopescu picture MihaiHoriaPopescu  Â·  3Comments

pgeyman picture pgeyman  Â·  3Comments

RolfVeinoeSorensen picture RolfVeinoeSorensen  Â·  3Comments