A different take on designing a Lovelace UI

Share your Projects!
5110

I solved the issue by applying the patch: disable tilt if text appears over popup · matt8707/hass-config@34011e1 · GitHub

5111

Hi, how do i change the Permission name for exempel armed_away name when its displayed on my dashbord. I want to be able to change the namne.

I have tryied to make some translate in the settings.yaml, not working
i have also added:

  state_display: >
    [[[
      if (variables.state == 'armed_away') {
        return 'Larmat';
      }
    ]]]

And the last thing is i have try is:

translation: ‘Larmar’ in ui.lovelace

5113

Hi,

First off: Thanks for creating a good looking theme!

I tried to install this theme and followed the installation instructions, although this doesn’t really work for rookies like me.

:white_check_mark: Step 1) I enabled the HACS repos’
:white_check_mark: Step 2) I copied the folders manually to my configuration.yaml folder
:white_check_mark: Step 3) I added the lines to my configuration.yaml file
:white_check_mark: Step 4) Restarted Home Assistant
:white_check_mark: Step 5) Selected dark mode and the ‘tablet’ theme.

… Step 6) I went to my dashboard and no styling was applied.
I see the background image, but my cards have transparent background (instead of light grey).

Starting questions:

  1. How do I get the correct styles for the card and state?
  2. How do I get an icon of a button-card in the top left? (can’t find it on the button-card documentation)
  3. How do I create the card groups? And how do I make the swipe-able?
5114

Your cards and buttons will not just appear. You have to create your entire dashboard using yaml code. It is not a quick install and you are off. I have spent months using the base code to develop my own dashboard. Applying the theme and dark mode just ensures that the buttons show up correctly once you have all of your code developed.

I don’t mean to sound like a dick or just blow you off, but you will have to do a lot of reading and coding. It can be overwhelming if you have never done it. I had never used yaml before HA. When you get to a dashboard that works though, it’s pretty awesome. I have gone down the rabbit hole myself and I think I have been rewarded.

I would suggest you look through the documentation on HA dashboards, yaml coding, and custom button card. If there are specific questions as you get into it, this community is super helpful.

5115

Can you share the code for " icon_lux "
Thx!

5116

Oh, they «fixed» the light popups. I’m genuinely happy.

2023-07-13_20-36-01

2023.7.1

Might be a little bit outdated now, but: Popups · sagaland93/hass-config Wiki · GitHub

3 Likes
5117

Hi @Laffer

Can you plz post how to change light in Mattias config to look like that you post.
Noobie guide :wink:

5118

Hi!

How can i make so i see for exempel like the last pic. 2 / 2 and not only the number if people and the circle around. i want the number and the total

@gekberlin @masoncrawford1994

5119

Hi, anyone else having this scrollbars showing since last day?

image
image953×487 40.8 KB

I’ve updated some HACS integrations and HA to 2023.7.2 and dont know what is causing that. Event the css overflow dont make difference when set on this pop-up.

5120

Fixed adding this in themes.yaml:

    card-mod-more-info-yaml: |
....
      ha-dialog$: |
        #content {
          overflow: hidden;
        }
1 Like
5121

@Clatus Thanks, that fix scrollbar… there’s another issue, I have borders all over the card… has anyone encountered this problem?

image
image1920×936 72.8 KB

1 Like
5122

Yeah, use this:

1 Like
5123

Hi!

How do you export sensors for “Home Assistant / Tab” and do you make the same thing for Portainer and all other containers you run?

I have Home Assistant OS on a synology nas

5124

@Clatus Thanks!
@Emad131 System Monitor - Home Assistant for ha sensors
GitHub - philhawthorne/ha-dockermon: A NodeJS RESTful API which can be used with Home Assistant to report the state of Docker Containers containers :smiley:

5125

Thank you very much for sharing this. I have installed it in a subdirectory. Im stuck on getting anythin gto work on the sidebar. The main parts are all good. I am not sure what I might be missing , but there is no clock or date etc. When I edited the sidebar section of the lovelace.yaml I can get a some entity or sensor info to show, but there is no formatting to it.

I am sure this is a link I have broken by installing it in a subdirectory, but cant find what to fix.

Any suggestions? Thank you

5126

What are these?

image
image459×635 76.2 KB

They look like Entities cards but they have these neat percentage bars. They’re not from Mushroom, are they?

5127

No those bars are made with this card:

https://github.com/custom-cards/bar-card

5128

Okey i did find it for my self.

Put the code over light.yaml or create like i did:
light_new.yaml and paste the code.

Restart hass and then put light_new under templates in the ui yaml file

5129

Sorry for my delay on this. I’ve been away from home. It is not really anything special, but here you go.

icon_lux:
  styles:
    custom_fields:
      icon:
        - width: 190%
        - margin-left: -8%
        - fill: '#3182b7'
  custom_fields:
    icon: >
      [[[
        return `
          <svg viewBox="0 0 50 50">
            <path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13"/>
          </svg>
        `;
      ]]]
1 Like
5130

I dont get this part:

movies_folder_used: ssh -q -o StrictHostKeyChecking=no -i /config/.ssh/id_rsa <yourUser>@<yourServer> du -shc <yourFolder> | awk '{print $1}' | tail -n 1 2>/dev/null

How do i SSH or where do i put this code?