Custom Header

dreysolano · March 2, 2020, 5:09pm

Hi @mayker, I just installed Custom Header and, after logging in as my daughter, adjusted the main settings that disabled UI manipulation. I assumed (incorrectly) that this would be a per-user setting, and now I can’t disable Custom Header as suggested in the docs by adding ?disable_ch to the URL. Each time I do I’m logged out and redirected to the login screen.

I should note I also just updated to ha core 1.6.2 last night as well. Any ideas on how I can revert these changes and gain access to edit the UI again?

Thanks…

mayker · March 2, 2020, 5:12pm

Login and be sure to hit the “remember login” button on the bottom right. Then you’ll be able to add ?disable_ch without it logging you out. If you don’t hit “remember me” (or however it’s worded) then every page refresh will just go to the login screen.

Then checkout how to add per user config via exceptions.

dreysolano · March 2, 2020, 5:15pm

@mayker - sure enough, that worked. Thanks so much for the quick response and the exceptions docs link - I’m looking forward to experimenting more with this plugin!

albertorivi · March 3, 2020, 10:23am

@mayker, i will try to insert as new features on Github.
Many thanks for your time!

Ethome56 · March 4, 2020, 12:33pm

Hi there, getting my head around all this so it might be a stupid question but here we go. I tried the kiosk mode but I can get out of that mode what is it that I don’t see? thanks

mayker · March 4, 2020, 12:57pm

First 2 important notes listed here. In short, add ?disable_ch to the end of your URL.

I get this question once a week or more. Every option that removes functionality, like kiosk mode, has a warning sign next to it in the readme and in the editor. The editor has a large warning at the top explaining what to do and the important notes in the readme include this info as well.

I’m not saying all this to chastise, I am asking how I can make this more clear for users. Is there anything I can do to make this more apparent?

Ethome56 · March 4, 2020, 1:15pm

Thank you for the fast reply and help. I was to fast with NOT reading. Learned my lesson I hope. And sorry for wasting your time.

skank · March 4, 2020, 3:48pm

@Mayker

There is absolutely no possibility i can have the vertical scroller header + the menu and home button in 1 line? (so compact mode, cause i have plenty of space for it)
Splitting up of using no compact mode gives me too much empty space

gratis afbeeldingen

I would actually want the vertical scroller to the left, and the menu and house button to the right

Then on other pages , instead of the vertical scroller, the title of the view

mayker · March 4, 2020, 4:52pm

~~Turning the header into a sidebar is often requested and there is a feature request for this on the github. Not sure if it’s something I’ll work on, but it is on my radar.~~

Edit: Sorry, misunderstood. No, not currently. You might be able to get a similar effect by using the vertical scroller as button text for the menu button instead of header text and turning compact mode on, but you would probably also need to add some custom css to those elements as well.

skank · March 4, 2020, 8:34pm

Will try that out thx

jaraeez · March 9, 2020, 9:46pm

Actually I think I’ve got it after reading the explanation on the web site https://maykar.github.io/custom-header/#configuration/exceptions

Didn’t really know what to look for initially. Anyway thanks for reading

~~Hoping someone can point me in the right direction.~~
~~I have installed the plugin & using ‘disable headers’ along with other parameters.~~
What I would like to have is one configuration on my home web browser & a different one on an iPad. So far I have created two different users (user1 - user2) where user1 is for the browser & user2 the iPad.

I do not use ui-lovelace.yaml & have realised that I will need to use the raw configuration which is fine. My issue is that I do not know the syntax to add to the raw config so that I have disabled headers with a different landing page for both users?

~~Cheers for reading~~

Steven_Rollason · March 10, 2020, 7:13pm

The resources should look like this:

resources:
  - type: module
    url: /hacsfiles/custom-header/custom-header.js

Adam_Zilko · March 10, 2020, 7:18pm

Thank you!

Adam_Zilko · March 10, 2020, 9:18pm

When I click on OPEN PLUGIN within plugins (under HACS), it just goes to a page of text. It’s linking to ->HAipaddress/hacsfiles/custom-header/custom-header.js. Is there a fix for this?

Also, where can I find the button text demo option? I don’t see it within the Lovelace configurator.

ludeeus · March 11, 2020, 6:17am

Fix for what?

mayker · March 11, 2020, 1:13pm

The “open plugin” button in HACS just opens the plugin file, so it’s working as expected when it just shows you the code.

I would suggest reading through the readme. As mentioned in the configuration section, after installing CH you will have a new option in the menu on the top right called “Custom Header”. This will be how you edit it’s config, you can modify advanced options by using HA’s “raw config editor”.

The demo is just that, a demo gif of what you can do with CH. You would have to build something with templates and input booleans to do something similar.

Eldudemeister · March 11, 2020, 3:25pm

Hi, I’m hoping this is really simple but is anyone able to let me know how i can change the blue sliver shown in the below photo? Basically its the IOS app which I’ve changed to dark theme but this blue bit hasnt changed?

mayker · March 11, 2020, 6:14pm

Eldudemeister · March 11, 2020, 6:57pm

That’s a shame, thanks for the reply!

Trikap · March 13, 2020, 10:18am

Hi All,
Currently testing Custom Header 1.3.2
I feel a bit stupid… but… haven’t found the answer yet…
Once the header disabled… How can I enable it again ? No more access to the lovelace custom UI menu as it is part of the header… Thx