Thanks for the fast answer
Working on it
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
tdon
(Tobias)
January 4, 2021, 6:32pm
1210
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?
Siumba
January 8, 2021, 1:30pm
1212
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…
mase
January 8, 2021, 3:44pm
1213
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
rmertz3282
(Rmertz3282)
January 14, 2021, 3:54am
1214
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: ' '
dwains
(Dwain Scheeren)
January 16, 2021, 7:36pm
1215
Update time!!!
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):
An auto generating Home Assistant Lovelace UI dashboard for desktop, tablet and mobile by Dwains for desktop, tablet, mobile
How to update to 2.0.1:
If you are running 2.0.0:
Download version 2.0.1 and unzip the file.
Inside this folder you will see a folder called custom_components
copy this folder.
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).
Paste the custom_components
to the main folder of your Home Assistant installation and overwrite all existing files!
Reboot your Home Assistant
Clear your browser cache on all devices
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
New here with Dwains Dashboard?
6 Likes
Thanks! Upgrading worked well will observe if performance improvement or not
1 Like
bsfaxi
(Bilel SFAXI)
January 17, 2021, 10:47am
1217
Thanks a lot Dwain. Very much appreciated work !
1 Like
dwains
(Dwain Scheeren)
January 17, 2021, 12:43pm
1218
Thanks I’m working on default HACS support also now
4 Likes
BBCiplayer
(Marc Howell)
January 19, 2021, 2:26pm
1219
Hi Dwains nice work with the dashboard . I’m wondering if you could share the code for one of your buttons?..
mistrovly
(Marc-Edouard Louis)
January 19, 2021, 6:37pm
1220
I believe that should be under “Rooms”
1 Like
dwains
(Dwain Scheeren)
January 19, 2021, 7:13pm
1222
Yes and the button template
steinis:
Is it possible to use the Shopping list with this great dashboard?
Are Areas supported?
How do you mean with Shopping list? Areas are not (yet) supported.
steinis
(stein)
January 19, 2021, 10:15pm
1223
dwains
(Dwain Scheeren)
January 20, 2021, 8:34am
1224
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.
Freshhat
(Freshhat)
January 20, 2021, 9:42am
1225
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
konradwalsh
(CountSillius)
January 20, 2021, 2:56pm
1227
Have you reloaded the theme? and Refreshed the Browser