Skip to content

Documentation outdated: hide aside menu class #119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
alexander-myltsev opened this issue Nov 8, 2018 · 10 comments
Closed

Documentation outdated: hide aside menu class #119

alexander-myltsev opened this issue Nov 8, 2018 · 10 comments

Comments

@alexander-myltsev
Copy link

I'm using CoreUI Angular.

https://coreui.io/docs/layout/overview/ says there is .aside-menu-hidden. But I don't see any:

image

Seems like documentation is outdated. How to hide aside menu?

@xidedix
Copy link
Member

xidedix commented Nov 9, 2018

@alexander-myltsev thanks for the catch!
visibility of aside and sidebar is toggled by aside-menu-*-show and sidebar-*-show respectively

@alexander-myltsev
Copy link
Author

Do I understand you correctly that applying class="aside-menu-show" to <app-aside/> should hide the aside menu? If yes, then it doesn't work.

@xidedix
Copy link
Member

xidedix commented Nov 10, 2018

Toggling class aside-menu-showon element body should toggle aside menu visibility.

@alexander-myltsev
Copy link
Author

alexander-myltsev commented Nov 11, 2018

OK, that works. I was asking if it is possible to make it invisible? Like completely disable right triple bar icon?

@xidedix
Copy link
Member

xidedix commented Nov 11, 2018

@alexander-myltsev
in ./src/app/containers/default-layout/default-layout.component.html
Try something like this:

<app-header [asideMenuToggler]=false>
</app-header>

@alexander-myltsev
Copy link
Author

Thank you! That worked out!

@swathibhe
Copy link

Thank you So much.

@codekeyz
Copy link

I added this same stuff, asidemenutoggler is gone in large view but appears when i go into mobile view. Any way i can take it off totally ?

<app-header [asideMenuToggler]=false>
</app-header>

@xidedix
Copy link
Member

xidedix commented Mar 18, 2019

hi @codekeyz
please try:

<app-header 
  [asideMenuToggler]=false
  [mobileAsideMenuToggler]="false" >
</app-header>

@codekeyz
Copy link

@xidedix thanks, it worked

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants