Which dashboard type and card(s) is right for this

Configuration Frontend
1

So many changes in dashboards in the last year. I’ve currently got a wall tablet with a dashboard. Lots of different functions, so I use views inside Fully Kiosk. Here’s a photo of the default URL:

Front_Page
Front_Page1039×579 99.2 KB

But this is likely not the right way. View buttons are too small. View buttons need horizontal scrolling on my phone.

I’d like to have a dashboard with one view only, and that view would start with 6 buttons and pictures that would then take me to the appropriate dashboard, using a URL I guess.

Where do I start in terms of view types (experimental, masonry, panel etc.) and cards?

2

One option would be to create a main view with 6 buttons like you said and have the tap action for each button run a script that uses browser_mod.navigate to open another view. Then on each of your individual pages create a button that brings you back to the main view with the 6 buttons. Then you could hide the side bar and the top view bar on your wall tablet and your mobile app for a clean look.

I used this method to create a larger top bar to use in place of the regular one. The below button triggers a script. You’ll need 6 of them on the main view and then the same one of each of the individual views to return to the main view. The browser_id: THIS makes sure that only the browser you’re using changes views and not all of them at the same time. The button variable is for the script so it knows which button was pressed.

- type: custom:button-card
  tap_action:
    action: fire-dom-event
    browser_mod:
      service: script.view_navigation
      data:
        browser_id: THIS
        button: view_01

Then in your script set up a choose with template conditions for each of the buttons. Also include one for the same button that you will add to each of your individual views which will return you back to the main view with the 6 buttons.

  - choose:
      - conditions:
          - condition: template
            value_template: "{{ button == 'view_01' }}"
        sequence:
          - data_template:
              browser_id: "{{ browser_id }}"
              path: /tablet-01/view_001
            action: browser_mod.navigate
      - conditions:
          - condition: template
            value_template: "{{ button == 'view_02' }}"
        sequence:
          - data_template:
              browser_id: "{{ browser_id }}"
              path: /tablet-01/view_002
            action: browser_mod.navigate