Compact Custom Header

Shayne_Bergan · June 27, 2019, 9:58am

If one was to hide header how would one unhide?

xbmcnut · June 27, 2019, 10:08am

Thanks. CCH when it did appear briefly to allow me to edit the via GUI popped the config that way, not me. I’ll try changing it manually and see what happens.

xbmcnut · June 27, 2019, 10:14am

Have this now and did CTRL + F5, logged out, CTRL + F5 again, logged in and still no CCH and no CCH GUI settings in raw editor location.

title: Poaka NUC
resources:
  - url: /community_plugin/compact-custom-header/compact-custom-header.js
    type: module
cch:
  voice: hide
views:
  - badges: []

Tried in FF (default), Chrome and Edge, all the same.

SOLVED: HACS installs the stable version 1.0.4b9 which does not work. On the top right of the add-on page, click install Show Beta, wait for the add-on page to refresh then go to the bottom and click upgrade. CTRL + F5 to refresh the page and it should now be working with CCH version 1.1.1

xbmcnut · June 27, 2019, 10:38am

“You can disable CCH by adding “?disable_cch” to the end of your URL”

mayker · June 27, 2019, 11:16am

To avoid confusion I just pushed a new release, not listed as a pre-release, and added type: module to the readme. HACS will now display this info.

krovachek · June 27, 2019, 12:20pm

I’ve used the header with transparent background:

Now, with same setup:

How can be eliminated this gray background?

mayker · June 27, 2019, 12:34pm

I see the issue and will update later today with a fix. Thank you

mayker · June 27, 2019, 4:55pm

1.1.3 Update:

Added option to hide “Configure UI” from menu.
Fix for shifted background causing solid color behind a transparent header.
Added warnings for all options that remove the ability to edit from UI and how to restore the default header with ?disable_cch. You can toggle these warnings as well.

krovachek · June 27, 2019, 6:01pm

Thank you very much mayker!

Holdestmade · June 27, 2019, 6:12pm

Thanks a lot, hide_config: true is what you use if anyone else wants to try it

bussio · June 27, 2019, 6:18pm

Is it possible that the “Voice Button” no longer exists in the header of Hassio 0.95?

mayker · June 27, 2019, 6:23pm

It still exists, but you need to have conversation: in your config:
https://www.home-assistant.io/components/conversation/

In some browsers it doesn’t display as well.

bussio · June 27, 2019, 6:30pm

Thanks for the information. I see the button with Google Chrome, in Safari (MacOS) but not.

jimz011 · June 27, 2019, 9:09pm

It doesn’t work on Apple products unfortunately. It should work on chrome though.

Mariusthvdb · June 27, 2019, 10:05pm

nice, and flawless transition to a cleaner setup. again cut a few lines of config
and works with !include still. cool.

atomicpapa · June 28, 2019, 12:54am

Just upgraded. Went smooth as silk!! Thanks @mayker!

cdrom1028 · June 28, 2019, 2:58am

@mayker Just upgraded and It went well. Everything is working fine but I am logging errors… (HA 0.95.0)

2019-06-27 22:46:20 ERROR (MainThread) [frontend.js.latest.201906260] http://hassio-pm:8123/community_plugin/compact-custom-header/compact-custom-header.js:227:34 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

here is my config…

cch:
  active_tab_color: red
  chevrons: true
  clock_am_pm: true
  clock_date: true
  clock_format: 12
  date_locale: en-US
  disable: false
  hide_tabs: 16
  options: clock
  sidebar_closed: true

Grzech · June 28, 2019, 6:56am

Hi,
after updating to 1.1.4 the CCH settings menu disappeared:

I use HA: 0.95.1
CCH config:

cch:
sidebar_closed: true
swipe: true
swipe_animate: swipe
voice: hide

error from browser console:

compact-custom-header.js:412 Uncaught (in promise) TypeError: Cannot read property ‘style’ of null
at styleButtons (compact-custom-header.js:412)
at run (compact-custom-header.js:103)
at compact-custom-header.js:88

Albertjvanr · June 28, 2019, 10:31am

Hi, I’m having the same issue… Running HA 0.95.
My config and WEB UI “info” error:

cch:
  options: show
  header: true
  sidebar_swipe: true
  menu: overflow
  notifications: overflow
  swipe: true
  swipe_animate: flip
  swipe_wrap: true

http://192.168.1.30:8123/community_plugin/compact-custom-header/compact-custom-header.js:420:1 TypeError: buttons[button].shadowRoot is null

I’ve installed via HACS. Except for the blank settings page, all settings entered in Lovelace config works fine.

mayker · June 28, 2019, 11:37am

@Albertjvanr @Grzech @cdrom1028

Please try the latest version (1.1.6) and let me know if it helps. Thank you