Compact Custom Header

Share your Projects! Dashboards & Frontend
752

I’m not sure I understand could you possibly illustrate with a gif? The header itself should be unaffected by swipes except for its own swipe movements to scroll through tabs when there are too many to display.

753

wouldn’t no how to create a gif from my iPhone must admit… ‘generation ?’ sorry, will look it up.

you worded it better:
when swiping the header to scroll through tabs (and not selecting another tab yet) the view under the tab is unstable and moves like it want to swipe, and then doesn’t…

hope this is clearer?

now for that gif recorder :wink:

754

Okay, cool. Thought for sure I was misunderstanding.Will look into it, sounds like it’s trying to horizontally scroll the page for some reason. Does this happen without CCH? Try commenting out CCH’s resource and testing if this is still an issue. Also, are you using swipe_prevent_default: true?

755

these were my settings:

swipe: true
swipe_animate: swipe

which Ive now disabled, and it has stopped acting up

full CCH config:

type: custom:compact-custom-header
main_config: true
header: true
menu: show
options: show
#swipe: true
#swipe_animate: swipe
chevrons: true
exceptions:
  - conditions:
      user_agent: iPhone
    config:
      menu: hide
      notifications: hide
      header: true
      options: hide
conditional_styles:
  - template:
      tab:
        12:
          - icon: >
              if (entity['sensor.family_home'].state == '0') 'mdi:account-off';
              else if (entity['sensor.family_home'].state == '1') 'mdi:account';
              else if (entity['sensor.family_home'].state == '2') 'mdi:account-multiple';
              else if (entity['sensor.family_home'].state == '3') 'mdi:account-multiple-check';
              else 'mdi:account-group';
756

Just to double check you are using the latest release 1.0.4b7?

757

fear not, mine has the dat of may 17th. Will dl immediately and try again?

758

Yup. Download the latest release, give that a shot, and let me know if it helps.

759

fear it didn’t help. It came back.
I can precise the behavior to be happening only when swiping the menu either way, it doesn’t happen when holding the chevrons on either side.

disabling swipe_animate: swipe solves it immediately.

760

Could you try visiting the page with a browser on iOS to see if it’s only happening in app?

It would really help to see what’s happening as well, here’s an article on how to do a screen recording on iOS. I don’t own any iOS devices so I can’t troubleshoot it myself.

761

yes, happening also .

found the tool, omg, can’t stop to start embarrassing myself here…its been there for ages and I’ve never used it :wink:

appears to not be in the correct format, let me see if I can change that, I’ll be back!

Ok here goes:

cch

762

FWIW, iOS screen recordings default to .mp4 and cant be uploaded into this forum as is. You still have to find a way to convert them to .gif format. I have yet to find a way to accomplish this without a third party website that is likely scraping my metadata…

763

Yes I found out today, and used the PicGiff Lite app, a free dl. Never do things like that online…

764

Update 1.0.4b8:

  • Added descriptions to editor toggles on hover.
  • sidebar_swipe: toggle ability to swipe open sidebar on mobile.
  • sidebar_closed: if sidebar was previously open, close on load.
  • kiosk_mode: Turns off sidebar_swipe, turns on sidebar_closed, and hides the header.
  • Tweaks to swipe animation and elements to ignore when swiping.

Thanks to @Dino-Tech for the sidebar_swipe feature suggestion which led to the other new config options on the list.

3 Likes
765

:tada: Thank you kind sir! :100: Updating now :sunglasses:

1 Like
766

Thanks! Works like a charm! @mayker Albeit not ‘hacker proof’ … IMO this is sort of a groundbreaking set up :tada: for friendly user access…and that is what most of us need. Wife, kids, and guest restrictions…

767

Another great update. I actually wonder:

Would it be possible to do this same swipe action for the sidebar on the other side for notifications? For example you will swipe from the right edge of the screen to open the notifications menu (which is now under the bell/clock icon, or hidden in my case).
I think that would be really cool to have persistent notifications menu be accessible with a swipe. I can’t use the persistent notification area at all now as it is hidden (or I have to add the ?disable_cch, which is not really easy to do on the app :D)

Anyways thanks again for this and I also wanted to thank you for that link on how to make GIF’s with an iphone. Man I told you I wasn’t used to gifs as it wasn’t a thing I cared too much about even when it became a hype in the early days. But this is so much better than uploading videos to youtube all the time. So thank you very much :blush:

768

Swipe function is fantastic. I wonder, would it be possible to specify which views to move to when you swipe? I would love it if swiping back from any view would take me to my first view, rather than moving through all views between the current one and the first one. I have tried swipe_skip but that disables the swipe function altogether on the view.

Also wondering how other people deal with refreshing the UI if they have the header hidden? Is there a way to do this programmatically?

769

I used to use a button with tap_action: navigate /lovelace/0 that worked exceptionally well awhile back and you should be able to pull down to refresh on a mobile to refresh, works for me at least. The way I refresh my entire Lovelace UI is via automation now that is preset for 20 mins currently that also works fine for me.

770

Pull down to refresh does refresh the page, but it doesnt do such a comprehensive refresh (maybe empties the cache) as the Refresh button in the options menu.

If I make a change in the yaml, pull down to refresh doesn’t always update the change

771

I see. Then I would go with my second suggestion and automate or just add a refresh button on your view to fix your issue.