Skip to content

Remove sidebar and aside menu toggle buttons. #4

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
coccor opened this issue Apr 13, 2018 · 9 comments
Closed

Remove sidebar and aside menu toggle buttons. #4

coccor opened this issue Apr 13, 2018 · 9 comments

Comments

@coccor
Copy link

coccor 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

Try this:

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

@coccor
Copy link
Author

coccor 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 commented Jun 18, 2018

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

@7carlosz
Copy link

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

@rajeshtbabu
Copy link

rajeshtbabu commented Sep 4, 2018

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

this one working perfect..

@vasconce7os
Copy link

Try this:

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

Thanks, it's works for me

@SEGUL001
Copy link

@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

@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

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