Compact Custom Header

Since the previously mentioned pull request I’ve done a rewrite and with themoffatt’s permission have created a new project for the rewrite. For now it is separate from compact-custom-header, but may be added as a feature to CCH in the future. Fixed the delay issue in the new version as well.

I have made a new thread for this project as to keep this one on topic.
https://community.home-assistant.io/t/lovelace-swipe-navigation/

3 Likes

Would there be a way to redirect the first page to the second (as I want the second to be the default page) without needing to hide the tab (thus making that page unusable)?

It would be awesome if there was a way for us to make a specific tab the default tab. (I have heard of home-setter, though it is only temporary as it resets after relogging).

Yeah, that’ll be an easy one to add. I just made a feature request on the github to remind me.

https://github.com/maykar/compact-custom-header/issues/106

Awesome! This card should be the HA default :stuck_out_tongue:

3 Likes

I see that we can set the active tab color and also colors for each of the tabs, but would it be possible to also add an option to set the active tab color and tab indicator color on a per-tab basis?

You already can! Looks like there was just a typo in the wiki, I listed button_color twice when one should have been tab_color. Fixed now.

I just completely misunderstood your question, but there was a typo that needed fixed so thanks for that. Will look into adding active tab/tab indicator color per tab as you originally were asking for.

1 Like

No worries, awesome on both counts!

Before I go submitting a feature request, does CCH support the use of a numerical range when specifying hide_tabs:? For example:

  exceptions:
    - conditions:
        user: maykar
        hide_tabs: 0-9,20,30-39

I’ve tested this for myself and it “seems” to be working but I don’t have much confidence in the results as I do not trust that my iPhone is adequately purging the browser cache.

My intention/use case is to assign large ranges of views for specific user agents. Doing so should mostly eliminate the need to edit the assigned views for a given user agent.

Working on adding it now. Will be a bit before the next release though, time is on short supply and I’m working on a handful of new features.

1 Like

Is there any way to style the location of a tab on header bar?

My Settings icon is actually the 5th tab. Is there a way to place it on the far right hand side?

No, unfortunately.

You might be able to engineer a bit of a hack/workaround by hiding the header completely and using a picture-elements card in its place.

That was my plan b :grinning:

1 Like

Just came here to give a big THANK YOU to @mayker for his hard work on this awesome community card. I hadn’t tweaked my Home Assistant interface since 0.88 and have been thrilled with the improvements made to CCH since that time! Thank you for all of your hard work!

2 Likes

Much appreciate the kind words. Thank you for the bug reports and multiple suggestions you’ve made for features that improve CCH.

This would be a buggy, hard to configure, feature light project if it wasn’t for the collaboration in this thread and elsewhere. Now it’s just a slightly buggy, slightly difficult to configure project with too many features! :laughing:

2 Likes

appreciated, and confirmed working! thanks

only today installed the beta HA companion on my iPhone 6s, and see only 1 menu icon next to the hamburger and chevrons…while there is still some empty space for icons next to the Alarm.


is this a bug or should I simply not use CCH on the mobile device…

if the latter, would this be correct?:

cards:
  - type: custom:compact-custom-header
    exceptions:
      - conditions:
          user_agent: iPhone
        config:
          disable: true
    main_config: true
    menu: show
    options: clock
    clock_format: 24
    chevrons: true

You could setup user agents to hide/show icons/tabs per device. I have not tried it myself though, but I use CCH on my mobile phone without any problems, though I removed a lot of options like the hamburger menu (as it can be activated by swiping from the left). Settings menu, which is completely useless for me as I use yaml mode. Notifications, I don’t use them. So what is left is this:

Edit: I do have a question though, how do you measure the amount of mold? (Schimmel)? I would love to know how to do that.

takes a bit of fiddling with the different temp sensors, but it seems to go hand in hand with some sensitive spots in my house…

good idea, testing as follows:

cards:
  - type: custom:compact-custom-header
    main_config: true
    header: true
    menu: show
    options: clock
    clock_format: 24
    chevrons: true
    exceptions:
      - conditions:
          user_agent: iPhone
        config:
          menu: hide
          notifications: hide
          header: true

no succes: request timed out… and the Loading data is circling forever…

If you use a browser instead of the app does this still happen? Does chevrons: false help at all?