Only 2 columns on tablet, can I override?

Mobile Apps
1

I am building a wall tablet and when I display my dashboard I only see 2 columns and everything looks a bit too big on the screen. I presume it is “responsive” design, but this is too aggressive, as it would still be readable if the content was a little smaller.

the Dashboard is using a the new Sections layout system and Mozilla Firefox to render the dashboard.
Unfortunately it doesn’t have “zoom controls” and pinch and zoom allows me to zoom in and back to the initial size.
Is there a way I can “zoom it out” so that I can see more on the screen, similar to my computer where I can see 3 or 4 columns, depending on the width of the browser window?

I am using kiosk-mode to hide the nav and the header and I have tried setting, but it makes no difference.

kiosk_mode:
  mobile_settings:
    hide_header: true
    ignore_entity_settings: true
    custom_width: 2560

A friend suggested trying card mod themes, but I don’t fully understand it and has anyone managed to make it work for them with Sections?

Cheers

2

You can adjust the scaling factor in the companion app. In Firefox it is usually Ctrl and +/-. Or maybe Fully Kiosk has a scaling setting, I’m not familiar with it.

3

On a browser while on the page there is no option to bring a keyboard up to change the zoom.

I couldn’t find a scaling setting in kiosk-mode shame as it makes sense for it to have one.

I tried the card mod themes

zoomed_out_theme.yaml

zoomed_out_theme:
  card-mod-theme: zoomed_out_theme
  card-mod-root-yaml: |
    ha-app-layout$: |
      #layout {
        zoom: 0.5;
      }
  primary-color: red
  primary-text-color: white

and saved it into themes

and tried to apply it to my layout:

raw config:

theme: zoomed_out_theme
kiosk_mode:
  non_admin_settings:
    kiosk: true
    hide_header: true
    ignore_entity_settings: true
views:
  [sections layout omitted]

but it makes no difference

4

Can you use the companion app instead of Firefox?

5

Have you tried the ’ Browser Control Card’?
mathoudebine/homeassistant-browser-control-card: Control your browser from a Home Assistant lovelace card: full screen, disable screen lock, zoom, reload page…

6

This looks interesting, I’ll have a look, thanks