Skip to content
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

Remove sidebar and aside menu toggle buttons. #4

Closed
cornelcocioaba opened this issue Apr 13, 2018 · 9 comments
Closed

Remove sidebar and aside menu toggle buttons. #4

cornelcocioaba opened this issue Apr 13, 2018 · 9 comments

Comments

@cornelcocioaba
Copy link

@cornelcocioaba cornelcocioaba commented Apr 13, 2018

I am not able to hide the sidebar and aside menu toggle buttons.

I tried <app-header></app-header> and <app-header sidebarToggler="false" asideMenuToggle="false" mobileAsideMenuToggler="false"></app-header> , but it doesn't seem to work.

Here is a screenshot:
screenshot from 2018-04-13 16-22-49

@jblackburn21
Copy link
Contributor

@jblackburn21 jblackburn21 commented Apr 16, 2018

Try this:

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

@cornelcocioaba
Copy link
Author

@cornelcocioaba cornelcocioaba commented Apr 17, 2018

@jblackburn21 Thanks, I got it to work with
<app-header [sidebarToggler]="false" [asideMenuToggler]="false"></app-header>

But there are still some inconsistencies like:

  1. When providing no inputs <app-header></app-header> , both toggles show, but if I have it full screen on my computer, only the aside toggle works , but if I make the window small both toggles will work. In order to make it work in full screen I have to add e.g. [sidebarToggler]="'lg'"
  2. [fixed]="true" doesn't seem to do anything
  3. [mobileAsideMenuToggler] does something only if set to false. I guess it would be better called hideMobileAsideToggler

@bot101
Copy link

@bot101 bot101 commented Jun 18, 2018

I had this same issue and had to manually hide them with CSS

@7carlosz
Copy link

@7carlosz 7carlosz commented Aug 17, 2018

[asideMenuToggler]="false"
[mobileAsideMenuToggler]="false"

@rajeshtbabu
Copy link

@rajeshtbabu rajeshtbabu commented Sep 4, 2018

<app-header 
   [fixed]="true" 
   [sidebarToggler]="false" 
   [asideMenuToggler]="false" 
   [mobileAsideMenuToggler]="false" 
   [mobileSidebarToggler]="false">
...

this one working perfect..

@vasconce7os
Copy link

@vasconce7os vasconce7os commented Oct 19, 2018

Try this:

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

Thanks, it's works for me

@SEGUL001
Copy link

@SEGUL001 SEGUL001 commented Oct 16, 2020

@jblackburn21 Thanks, I got it to work with
<app-header [sidebarToggler]="false" [asideMenuToggler]="false"></app-header>

But there are still some inconsistencies like:

  1. When providing no inputs <app-header></app-header> , both toggles show, but if I have it full screen on my computer, only the aside toggle works , but if I make the window small both toggles will work. In order to make it work in full screen I have to add e.g. [sidebarToggler]="'lg'"
  2. [fixed]="true" doesn't seem to do anything
  3. [mobileAsideMenuToggler] does something only if set to false. I guess it would be better called hideMobileAsideToggler

saved my day with the mobile thing, thanks

damingerdai added a commit to damingerdai/coreui-angular that referenced this issue Sep 1, 2021
@ngingihy
Copy link

@ngingihy ngingihy commented Feb 25, 2022

@bot101 how did you hide it with css, i don't know how to call the hamburger button from the layout html page

@ngingihy
Copy link

@ngingihy ngingihy commented Feb 26, 2022

i want to hide only the one on the left?

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

8 participants