1 Lovelace for PC 1 Lovelace for tablet...etc

Share your Projects! Dashboards & Frontend
1

Hi there all,
I just want to ask… is possible to have a Lovelace file for a PC desktop
and have another Lovelace file for e tablet ?
…maybe have another one for mobile phone…

Thanks all
Denis

1 Like
2

I think that’s possible using the Compact Custom Header plugin

3

Do you think ? … I don’t know
What I know is that che CCH make changes only at the header not for all lovelace file.

What I need is to have a custom Lovelace for the room tablet
one for the PC and another for the mobile phone.

Is possible to do this with CCH ?

Thanks again

4

CCH can be customised by the user or user-agent.
Tablet ‘may’ be full desktop site, so just create new users (PC, tablet). Phone should be good with user-agent

Set up a new lovelace view (and record its tab number http://X.X.X.X/lovelace/)
then using CCH hide tabs for tablet that arent the correct layout.

I’ve done this for my wall mounted tablets and works great

5

Well, the documentation is suggesting this (look at Features)

  • Per user/device settings.
  • Hide tabs/buttons from user’s and devices.

And if you look at this post, I think that’s what @Corey_Maxim is doing in her example
Compact Custom Header post #364

You might need a different user-id for each device, but that’s doable.

6

Hi

Are you saying you can open a lovelace view for a particular view? So if I have living room view…I can display only the living room view on my living room tablet and nothing else?

I have tried it and it just opens the whole lovelace view which is the main page.

7

With CCH you can specify a specific view for a specific user or user agent (i.e. platform). I use this to only display my iPhone views on my iPhone. Read the exceptions section in the CCH documentation for more details

exceptions:
    - conditions:
        user_agent: Macintosh
      config:
        voice: hide
    - conditions:
        user: kiosk
      config:
        show_tabs: ipad-kiosk
        kiosk_mode: true
    - conditions:
        user_agent: iPad
      config:
        show_tabs: 0 to 5, 21 to 26
        voice: hide
    - conditions:
        user_agent: iPhone
      config:
        show_tabs:
          - garage
          - hallway
          - iphone-bedroom
          - iphone-climate
          - iphone-fans
          - iphone-greatroom
          - iphone-security
          - iphone-tv
          - office
          - printer
          - battery_levels
2 Likes
8

This is great
also I so here a documentation of how to make it using the media_query also

I’ll try at home:-)
Thanks all for the help

9

It’s work :slight_smile:
Thanks again all

1 Like