Compact Custom Header

jo-me · July 16, 2019, 7:21pm

Thanks for the quick fix!

mayker · July 18, 2019, 1:12am

0.96.0

For those of you updating to 0.96.0 and seeing the new sidebar for the first time, you will notice that there are new and removed features in CCH. Check back at my post here to see the added/removed options. I have yet to update the readme, but will soon.

tom_l · July 18, 2019, 2:42am

From your pre-release notes:

You’ve added an option to hide the sidebar, which is great (the new side bar is a bit shit in my opinion), but does your statement preclude a adding an easy way to un-hide the the side bar or to only hide it per user or device type?

I don’t want the side bar visible for guests at all but I do need access to it from the administrator account.

EDIT:

Never mind. Just read this:

I will not be adding any more features related to the sidebar.

mayker · July 18, 2019, 2:51am

Yeah, sorry. The inclusion of the feature to disable the sidebar was added mainly so that hiding things for certain users and using kiosk mode were still viable options. In those cases they wouldn’t need access to the sidebar, but that’s as far as I’ll go with modifying the sidebar in CCH.

DavidFW1960 · July 18, 2019, 2:54am

I must way I don’t understand why CCH only affects Lovelace but you don’t want to do anything to hide/unhide it on Lovelace… if someone is not using lovelace it doesn’t matter what CCH does! A lot of people use CCH because it helps stop the frontend using up the screen realestate and now the devs thought it would be a good idea to have a permanent sidebar but you don’t want to tackle that from a user POV? I just don’t understand really. The new sidebar is a nightmare on a mobile tablet in landscape mode as the sidebar causes some cards to realign and look really bad… 1cm doesn’t sound like much but it screws up for instance my weather card. And IMO it just looks ugly on any device and spoils the clean look.

Anyway, as more people upgrade I expect the pitchforks will come out (not for you I should add…).

mayker · July 18, 2019, 3:02am

I’ve made the decision to keep from modifying the sidebar for a couple of reasons:

It’s not a good idea to modify something that is outside the scope of Lovelace from within Lovelace. There are ways to make addons that effect the entire front end, but I won’t modify CCH to do that.
CCH has really ballooned into a good bit more than modifying the header, but you could say that it’s features are still somewhat related to the header. Something that modifies the sidebar should be it’s own project or built into core (give it time).

mayker · July 18, 2019, 3:09am

Also, I misread your post a bit. This is possible. You can use disable_sidebar: true for the users that you don’t want to see it.

tom_l · July 18, 2019, 3:18am

That’s great. Can it be done by user agent (browser type) as well.

mayker · July 18, 2019, 3:19am

Yup, should work for any condition in exceptions

tom_l · July 18, 2019, 3:20am

That is the solution to my problem with this new sidebar then (and David’s too I think). Thanks!

DavidFW1960 · July 18, 2019, 3:21am

I’m not sure it is… Is it possible to only disable the sidebar on ONE view? (The one where I have my weather)?

mayker · July 18, 2019, 3:26am

The following config will hide the sidebar only for the user mayker.

cch:
  exceptions:
    - conditions:
        user: mayker
      config:
        disable_sidebar: true

mayker · July 18, 2019, 3:26am

No, you cannot make exceptions for views, so this wouldn’t be the solution you’re looking for.

Dino-Tech · July 18, 2019, 4:06am

As long as there is always a true kiosk mode to hide everything…you’ll never hear a peep out of me, Thanks again for your hard work and extremely tolerant attitude @mayker

Abeksis · July 19, 2019, 6:05am

Is it possible that under the number (id) for example (11) the entire menu will disappear? I built an exhibit for the iPad at the entrance to the house and I want to hide the menu under that number.

mayker · July 19, 2019, 12:15pm

By id do you mean view/tab number? If so, you cannot have a different setup per tab. If you wanted to hide the header/sidebar for just that device you could make an user_agent exception or create a user for just that device and use a user exception.

Abeksis · July 19, 2019, 12:36pm

You can give an example please

mayker · July 19, 2019, 1:37pm

A few posts up I shared an example that hides the sidebar for a user.

There’s a full example and explanation of each condition in the docs.

If you want to hide sidebar and header use kiosk_mode: true.

boneheadfraggle · July 19, 2019, 10:18pm

Hi,

I’d like to start with a big thanks for this project. The customization possibilities and swipe navigation are really just amazing.

Question in short:
I’d really like the same navigation on other browsers as on a mobile - Menu option in the three dot-button and when I click it it would show the sidebar.

Longer description:
As a default, I have this config:

It works great for my kids and the dashboards.

But for myself I’d like to be able to access the Sidebar without seeing it all the time.
Ideally It would be accessible from the overflow menu. The menu item is there, but since I have “Hide & Disable Sidebar” active, nothing happens when I click it.
And If I disable “Hide & Disable Sidebar”, the sidebar is shown - which I don’t want.

Basically, what I want is the same behavior on a PC browser as on the mobile. There it works perfectly. The Menu option is in the three dots-button and when I click it it shows the sidebar.

Is that possible?

mayker · July 19, 2019, 10:26pm

I’ve commented on this a few times, please see:

here and here

tldr : This is something that should either be a dedicated addon for the sidebar or added to core. I’ve added the ability to disable the sidebar only to keep the exceptions and kiosk_mode features of CCH useful.

Edit: I realize now that you were asking if it is currently possible, but I kind of jumped ahead to explaining why it’s not.