DD - Automatic area-based dashboard for desktop, tablet and mobile - V3.7.0

Thanks for the fast answer :slight_smile:

Working on it :wink:

Any tips for the header?

Its empty. But in the global.yaml are sensors…

global:
  # safety_ok_strings: 
  #   - "Ok"
  #   - "Idle"
  #   - "off"
  # battery_empty_strings:
  #   - "unavailable" 
show_covers: closed

weather: weather.openweathermap # Configure a weather entity see HA docs for more info.
outside_temperature: sensor.openweathermap_temperature # Configure a sensor here!
outside_humidity: sensor.openweathermap_humidity # Configure a sensor here!

EDIT: Solved

Did you a refresh from the page?

SHIFT + F5 to reload and clear the cache?

1 Like

yes, I also tried other browsers from other PCs and other smartphones. The problem persists

I’m trying to use horizontal-stack card on the house_information page. It doesn’t work:

Unknown type encountered: horizontal-stack

type: horizontal-stack
title: Boost
cards:
  - type: entity
    entity: input_number.time_boost
  - type: entity
    entity: input_boolean.switch_boost

Can anyone help me with that? I would like to view a input_number (as a slider) and an input_boolean in one row. Thanks!

I did the refresh as described in the guide but the screen is always the following. How can I solve?

Hey guys,

I’ve been successfull in installing the dashboard, but I can’t seem to figure out how to get the navbar with the more page down to the bottom like I see in many setups. I don’t have lovelace_gen or custom header installed…

if you´re talking about PC: it will be on top.
if you´re talking about phone or tablet, you might wanna join the discord server for quick help

Just installed DD and I’m gradually getting the hang of it. I noticed one of my addons doesn’t render when using the custom: stack-in-card in chrome. It renders just fine in safari. If I substitute custom:vertical-stack-in-card it works, My apologies if this has been asked before, I found that it was reported as an issue but was supposedly corrected in stack-in-card v1.1

Code was borrowed from Bacco007 as it was a real world example i could follow.

- type: custom:dwains-flexbox-card
  items_classes: "col-xs-12 col-md-12 col-lg-12 col-xl-12"
  cards:
    - type: custom:stack-in-card
      mode: horizontal
      cards:
        - type: vertical-stack
          cards:
            - type: markdown
              style: |
                ha-card { box-shadow: none; }
                ha-markdown { padding-bottom: 1px !important; }
              content: >
                <img width="125" src="https://brands.home-assistant.io/smartthinq_sensors/logo.png"/><br/>
        - type: entities
          style: |
            ha-card {
              background-color: var(--dwains-theme-primary)
            }
            .card-header {
              padding: 5px 16px;
              font-size: 18px;
              font-weight: 700 !important;
            }
            .card-content div {
                margin: 0 !important;
            }
            #states {
              padding-top: 0px !important;
              padding-bottom: 0px !important;
            }
            .secondary {
              color: darkgray !important;
              margin-left: 2px !important;
            }
          entities:
            - entity: sensor.dryer
              name: Run State
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: run_state
                  unit: ' '
            - entity: sensor.dryer
              name: Pre State
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: pre_state
                  unit: ' '
            - entity: sensor.dryer
              name: Error Message
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: error_message
                  unit: ' '
        - type: entities
          style: |
            ha-card {
              background-color: var(--dwains-theme-primary)
            }
            .card-header {
              padding: 5px 16px;
              font-size: 18px;
              font-weight: 700 !important;
            }
            .card-content div {
                margin: 0 !important;
            }
            #states {
              padding-top: 0px !important;
              padding-bottom: 0px !important;
            }
            .secondary {
              color: darkgray !important;
              margin-left: 2px !important;
            }
          entities:
            - entity: sensor.dryer
              name: Current Course
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: current_course
                  unit: ' '
            - entity: sensor.dryer
              name: Dry Level
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: drylevel_option_state
                  unit: ' '
            - entity: sensor.dryer
              name: Dryer Temperature
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: tempcontrol_option_state
                  unit: ' '
            - entity: sensor.dryer
              name: Time to Complete
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: remain_time
                  unit: ' '
            - entity: sensor.dryer
              name: Initial Time to Complete
              type: custom:multiple-entity-row
              show_state: false
              entities:
                - attribute: initial_time
                  unit: ' '

Update time!!!

:tada: V2.0.1 - Some small bug fixes and speed improvements

v2.0.1 is only compatible with HA 0.118 or 2021.1.1 and newer

How to install 2.0.1 fresh (if you are new):

How to update to 2.0.1:

If you are running 2.0.0:

  1. Download version 2.0.1 and unzip the file.
  2. Inside this folder you will see a folder called custom_components copy this folder.
  3. Go to the main folder of your Home Assistant installation. This is the folder where you config is. (Hint: its the folder where for example the files ui-lovelace.yaml and configuration.yaml are located).
  4. Paste the custom_components to the main folder of your Home Assistant installation and overwrite all existing files!
  5. Reboot your Home Assistant
  6. Clear your browser cache on all devices
  7. You are done!

If you are running older version then 2.0.0:
First upgrade to 2.0.0 and then to 2.0.1. To upgrade to 2.0.0 follow this upgrade guide: https://dwainscheeren.github.io/dwains-lovelace-dashboard/information/update.html#how-to-update-to-20

Please consider a donation :+1:


New here with Dwains Dashboard?

6 Likes

Thanks! Upgrading worked well will observe if performance improvement or not

1 Like

Thanks a lot Dwain. Very much appreciated work !

1 Like

Thanks I’m working on default HACS support also now :slight_smile:

4 Likes

Hi Dwains nice work with the dashboard :+1:. I’m wondering if you could share the code for one of your buttons?..

I believe that should be under “Rooms”

/dwains_dashboard/installation/configs/ rooms.yaml

1 Like
  1. Is it possible to use the Shopping list with this great dashboard?:slight_smile:
  2. Are Areas supported?

Yes and the button template

How do you mean with Shopping list? Areas are not (yet) supported.

Ok thanks for info.

Thinking of this one: https://www.home-assistant.io/lovelace/shopping-list/

Yeah sure. With Dwains Dashboard you can add any lovelace card! You just need to create your own addon. It’s all explained in the docs. But you easy can add anything you want to almost any place you want in my dashboard.

You could do it like this:

# more_page.yaml
more_page:
	addons:
      - name: Shopping List
        main_menu: 'true'
        icon: fas:shopping-cart
        path: 'dwains-dashboard/addons/more_page/shopping-list/page.yaml'


# dwains-dashboard/addons/more_page/shopping-list/page.yaml
- type: shopping-list
  style: |
    ha-card {
      background-color: var(--dwains-theme-primary);
    }

Which would result into this in the UI:

Also small question from my side, maybe someone can help wit this.
I’ve added a picture card inside the house_information.yaml which is displaying a QR Code as image and i want to configure it with a tap_action in order to do a service call (Browser Mod Popup Call)

Do i need to configure this in the custom popups? Or what is the default action for a tap; hold; double tap?

# house_information.yaml
house_information:
   addons:
     - name: QR Code
       icon: mdi:wifi
       path: 'dwains-dashboard/addons/house_information/picture/page.yaml'

# dwains-dashboard/addons/house_information/picture/page.yaml

# dwains_dashboard
## House-information add-on: Picture

- type: custom:dwains-heading-card
  title: {{ name }}
- type: picture
  image: /local/qr.png
  hold_action: call-service
  service: browser_mod.popup
  service_data:
    card:
      type: markdown
      content: |-
        ![Image](/local/qr.png)
        # **Key:**
        ## TRUNCATED
    deviceID:
      - this
    title: QR Code

Have you reloaded the theme? and Refreshed the Browser