Compact Custom Header

Share your Projects! Dashboards & Frontend
509

Thanks @mayker, the customizing options are awesome. :clap:

Looks like there’s a problem with views panel: true

Reloading them (CTRL-F5) shows the full header.
Auswahl_185

Switching from a normal view, the cards are under the header.
Auswahl_186

No errors in HA log or the console.

1 Like
510

Thank you. Found the issue. Working on a fix now.

511

Just released 1.0.1b8 to fix panel view.

1 Like
512

Thanks, that was indeed what i was meaning, to theme the style by user/device just like i can hide things by user/device :slight_smile: Great work!

1 Like
513

Thanks for this update. Thought about requesting a theming option, but you make wishes come true before I even tell them :smiley:
Makes my theme look way better!

image
image1271×820 187 KB

7 Likes
514

I don’t seem to be able to hide the am/pm indicator on the clock?

      - type: custom:compact-custom-header
        main_config: true
        menu: hide
        options: clock
        voice: overflow
        notifications: overflow
        header: true
        clock_format: 24
        clock_am_pm: false

Even if I keep it to 12hr format I still see it
The indicator has in the last day moved to a second line:

SmartSelect_20190317-101141_Samsung%20Internet%20Beta
SmartSelect_20190317-101141_Samsung%20Internet%20Beta1080×226 33.1 KB

515

Any errors in HA or in your browsers dev-tools (F12)?
What version of HA and what browser are you using?
Have you tried a hard refresh?

516

No errors that I can see.
Seems it was a caching issue though, few browser restarts and it works as expected. Apologies

1 Like
517

Small update to add custom color for current/active tab’s icon. 1.0.1b9

active_tab_color:

518

Update

1.0.2b0

This update adds the ability to use your HA theme to style CCH. This will make it so that when sharing a theme to the community you’ll be able to include CCH styling easily. This will also lighten your lovelace config a bit. Values set in config will override ones set in the theme. The only styles not available while doing this are individual tab colors. Check the end of the github readme for more.

4 Likes
519

If no background_color is configured, the default is transparent?

520

No sorry, I should have been more apparent. Those values are just examples. Will add that to the readme. Default is just HA’s default colors, etc.

521

Sorry, should be more precise.
I have no CCH variables in my theme and all i have in LL config is:

- type: custom:compact-custom-header
  menu: overflow
  exceptions:
    ...

But the header is transparent.
Auswahl_021

1 Like
522

Ah okay, will look into it.

1 Like
523

Fixed in 1.0.2b1, thank you!

524

Updated to .90 a bit ago. I was a few versions behind on CCH. Took me a bit of cache clearing, but finally got it working. but I seem to be having this error now. Everything loaded under the tabs

525

Are you using the latest version of the card? Do any errors display in HA log or in your browsers Dev-Tools (F12)? Is this only happening on views with panel: true?

526

This is my config. I have not changed it in quite a while since it has just worked

clock_am_pm: true
clock_format: '12'
disable: false
exceptions:
  - conditions:
      user: Paul
    config:
      show_tabs: '0,1,2,3,4'
      voice: show
  - conditions:
      user: Tracy
    config:
      show_tabs: '0,1,2,3'
header: true
main_config: true
menu: hide
options: show
show_tabs: null
type: 'custom:compact-custom-header'
voice: hide

I did not have panel: listed at all. I tried it as true and false, and it did not seem to make a difference, Im having the issue in chrome and in the iOS app.

527

Maybe it’s because I have not added the CCH to my other tabs?

528

Most likely. That is a requirement.

1 Like