Hey,
I was wondering how you vertical aligned the gauges?
Did you use the horizontal stack and are using just one small card or are these 3 cards vertically aligned?
Does anybody else know how I can vertical align 3 cards instead of using the horizontal stack card?
This is with horizontal stack, code is here: https://github.com/dshokouhi/Home-AssistantConfig/blob/f33ec80d01671cb0c58d538759534b5545fed353/ui-lovelace.yaml#L478
great thanks. is there a way to have the cards expand on the full width on my desktop?
Still work in progress: I’m not good at editing lovelace yet. trying to get the four top graphs in one card.
I have been playing with the code (playing is the wrong word, because I am frustrated) to add icons, like you have in this screen shot.
I have configured my Synology to look like the picture below, but how the heck do you get the icons to display.
Thanks
carltonb
Hi,
the icons are realized by using “state-icon” instead of “state-label” for the elements.
See example of first icon/label “Synology Status”:
- type: picture-elements
image: /local/LovalaceUI/DS1517plus.png
elements:
### Synoloy Status
- type: state-icon
entity: sensor.syno_status
style: {left: 25%, top: 25%}
- type: state-label
entity: sensor.syno_status
prefix: 'Status: '
style: {left: 25%, top: 35%}
Thanks so much.
Worked out.
carltonb
@firstof9 I am just curious on your background. To use a background on HA what size does it need to be so it does not blow it up to large to lose details? I like your carbon fiber hex background.
The image I’m using is 1920x1080 resolution same as my dekstops.
Ah ok thanks was not 100% sure it could be that large.
Hey!
I have a few questions regarding the network-section of your UI 
May I see your love-lace code here? I have something close to it, however my graphs seem to return the opposite of what the actual sensor registers. When my download increases, the graph goes down etc.
How do you get the rows combined with a title, icon then data as a stack? Looks really great 
I’m totally new to this, so bare with me!
Thanks in advance
Do you have a code example for the cockpit layout, or is this not part of the release yet?
Very smooth interface you have on the phone!
Hi all ,
I am feeling dumb…
Is there a way to have 8 columns i just get mess and mess … i do not know how to manage the cards right on the page
Thanks all.
cards:
- entity: sensor.processor_use
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.memory_use_percent
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.disk_use_percent_home
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.disk_free_home
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.speedtest_download
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.speedtest_upload
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.synology_dsm_cpu_load_total
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.synology_dsm_memory_usage_real
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.synology_dsm_network_down
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.synology_dsm_network_up
graph: line
hours_to_show: 240
type: sensor
- entity: sensor.0x00158d0002eb5a33_battery_1
name: Xiaomi_click
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x000b57fffeb21848_battery_1
name: Ikea_click
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00040adabd_battery_1
name: Door_1
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00045221bb_battery_2
name: Door_2
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00049ff1d2_battery_3
name: Door_3
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d0003d0dc33_battery_1
name: Movement_1
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00047b8703_battery_2
name: Movement_2
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00044b3373_battery_1
name: Temperature_1
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d00045d0175_battery_2
name: Temperature_2
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
- entity: sensor.0x00158d000464c4a6_battery_3
name: Temperature_3
severity:
- color: Red
from: 0
to: 25
- color: Orange
from: 26
to: 50
- color: Green
from: 51
to: 100
type: 'custom:bar-card'
column_width: 300
max_columns: 8
min_columns: 4
min_height: 50
type: 'custom:layout-card'
Hi , this is what i would reach… something aligned … not my vertical pile…
How you got all the sensor for your NUC. I’m using a Proxmox with Home Assistant. I’m having problems to find out the arg: for ipv4_address.