🌻 Lovelace UI • Minimalist

[jarrah]

I’ve been looking into the card yaml code to figure out the amazing ways that custom button card has been used. One thing I’m not sure about is the following:

- margin-top: "[[[ return !variables?.entity_1 ? '-24%' : '-10%'; ]]]"

I get that it translates as “if there’s no entity 1, return -24%, else return -10%”, but what does the ? mean after variables but before .entity? i.e. !variables? <-

I also see it in other places like this:

entity: "[[[ return variables?.entity_1?.entity_id; ]]]"

Plus, what’s the difference between these two? ie question mark at the end of variables vs exclamation mark at the beginning?

        variables: "[[[ return variables?.entity_2; ]]]"
        state:
          - operator: "template"
            value: "[[[ return !variables.entity_2; ]]]"

[Emile6000]

Thanks for that

[Mitssz]

Can someone help me? In the beginning of using Minimalist my yaml code changes are applied immediately. But since a few HA updates every code change I need to restart HA for the changes to take effect.
How can I fix the installation so I dont need to restart HA everytime I change something?

[PartemImperium]

Hey Guys, I made a custom card for light groups and it works great so far. But I found a issue with larger screen sizes. I did a bunch of debuging on the issue and narrowed it down to grid-area being set (and I cant figure out how to unset it). Does anyone know how to unset the grid-area of a card? I made a separate post with more info but have not had a response so figured I would ask here.

Any help is appreciated,

Help with Minimalist UI Custom Card override button-card's grid-area

I am working on a custom component for Minimalist UI. I have it mostly working but the spacing is a little weird on some screen sizes. Ive found that (in dev tools) I remove (or change to unset) the grid-area css style the layout is what I would expect. The problem is I can not figure out how to change the grid-area (outside of dev tools). Looking in the button card code I found out why it always gets set. It applies all the css styles that are specified in the yaml and then at the end of the s…

[basbrus (Bas)]

@jarrah

I get that it translates as “if there’s no entity 1, return -24%, else return -10%”, but what does the ? mean after variables but before .entity? i.e. !variables? <-

@jarrah

?.

Is an “optional chaining” operator and returns “undefined” instead of an error when the variable or a part is not set.

@jarrah

variables: "[[[ return variables?.entity_2; ]]]"

Read: return entity_2 when not undefined (linking of chains and variables)

@jarrah

value: "[[[ return !variables.entity_2; ]]]"

Read: if variables.entity_2 is false or undefined → return true (condition)

@Mitssz

Can someone help me? In the beginning of using Minimalist my yaml code changes are applied immediately. But since a few HA updates every code change I need to restart HA for the changes to take effect.
How can I fix the installation so I dont need to restart HA everytime I change something?

@Mitssz You should always be able to reload Ui Minimalist from the dev-tools, to see the changes in your dashboard make also sure to reload the dashboard with the 3 dots in the upper-right corner of your dashboard. FAQ - UI Lovelace Minimalist For more info.

@PartemImperium

Any help is appreciated,

@PartemImperium I have took a look at your code. Maybe try changing the full last styles part to something like this:

              card: #TODO: Look into if minimalist has any way to have a array of cards in a grid.
                type: grid
                square: false
                columns: 2
        styles:
          card:
            - padding: "0px"
          grid:
            - grid-template-areas: "lights"
            - display: "flex"
            - justify-content: "start"

[stiw47 (mikri maus)]

Does anybody else have problems with browser mod popups? In certain, I cannot get Thermostat Popup to work and I’m not sure where to trace this. I already cleared browser cache, restarted browser few times, removed Browser Mod integration, restarted Home Assistant and added integration again, same behavior on all devices, the empty popup:

Thx

[PartemImperium]

That pointed me in the right direction. With that as a starter I ended up on the following.

        styles:
          card:
            - padding-bottom: "0px"
          custom_fields:
            lights:
              - width: "100%"
          grid:
            - grid-template-areas: "lights"
            - display: "flex"
            - justify-content: "start"

It works great. No more empty section. Thanks for the help/pointing me in the right direction.

I am running into a new issue now but dont think it will be as easy to fix… In the normal lights card (inside the auto entities on the bottom part) if the name of the light is longer than the width of the card it just overflows (and the slider follows its width). I found that unsetting the overflow on the inline styles for #name fixes it (because it has a ellipsis class on it that has overflow hidden). But because that is a card in a nested custom_field I dont think I can modify the styles like we did here or use card_mod to add a css style. Is it possible to modify these nested custom_fields card styles or will I just have to rename my lights to be shorter?

[Jogi1989 (Jo)]

Hello, it’s me again

I’m now, thanks to you, a big step further. There is still a lot to do on my dream dashboard.

Now I have a small request, if it were possible.
Could you please post me your code custom_card “custom_card_se7enair_welcome” here?

That would be great! I’m sorry for bothering you again!

Thanks and regards

[Se7enair]

At the moment there is no difference to the custom-scenes-card.
I tried to exchange scenes with popups. But so far no sucess.

[SmartLiving.Rocks (Amon Reich)]

Hello everyone. I am missing the color temperature indicator within the light popup card after update. How can I get it back?!

[guims78 (guims)]

Hello,
i working on a custon chip icon state that will change background color if state is “on”

here is my code :

custom_chip_icon_state:
  template: chip_icon_state
  state:
    - value: 'on'
      styles:
        card:
          - background-color: >
              [[[
                return "rgba(var(--color-red),1)";
              ]]] 

but no color change.
Where am i wrong ?

PS: i refresh lovelace-minimalist and so on.

[KruseLuds]

I have timers that I adjust with a input_number shown as a slider. Is there or can we get a numeric slider for minimalist?

[KingFisher]

Did you get a solution to this? I’m trying to do something similiar (without using templates)…
Here’s my code - but colour never changes.

      entity_2:
        entity_id: media_player.mass_bose_home_speaker_500_2
        templates:
          - green_playing      
        tap_action:
          action: toggle 

[guims78 (guims)]

Here is my solution. I don’t know if it’s the best writting but it works.

custom_chip_icon_state:
  template: "chip_icon_state"
  styles:
    label:
      - color: >
          [[[ return states[variables.ulm_chip_icon_state_entity].state == 'off' ?
          'grey' : 'darkgreen' ]]]
    card:
      - background-color: >
          [[[ return states[variables.ulm_chip_icon_state_entity].state == 'off' ?
          '' : 'rgba(var(--color-green),0.05)' ]]]     

[mase]

has anyone ever played with the navigation bar of the is-tapbar-theme?

i´m tyring to get something like this

changing the icon to blue, and have a little bar above the icon for the active tap

[Siumba]

I’m wondering if I’m the only one with this issue. I use the card_thermostat and the popup that gets loaded seems to mess something up. The slider of the thermostat card (which is just a default card from Home Assistant) is really funky to use. The slider keeps dragging if you click or tap it once until you magically tap somewhere else. If I load that same thermostat card in the normal view, without a popup, it works perfectly and stays on the position when you let go. Is anyone else facing this too?

[guims78 (guims)]

Hello, i use the custom_card_person_chip, but i’d like to change the label (text) with icon.
Is it possible and if it’s, how can i do it ?

[stiw47 (mikri maus)]

I already wrote here that I have empty popup. This morning I saw that ui minimalist update is available and updated it. Now when read your post, I checked again and whoala - my popup is not empty any more , but slider behavior is same as yours . When you click the slider and drag it to another position, it keeps following the mouse when you release click as well. It stops once when you click to some other place, and most of the time that temperature position will be applied (sometimes it miss temp apply completely). This is for desktop. I would add on top that behavior on touch screen is little different. Slider will stay in place as soon as you release your finger from touch screen, normally, it has no what to follow any more, but temperature will not be applied ever. Temperature will be applied only if you tap with finger on some position on slider and this have to be very precise tap. I believe that something is messed with drag and drop, i.e. drag isn’t released once when person release left mouse button, instead of that continues dragging.

[KingFisher]

I’m having the same issue - did you find a solution?

[basbrus (Bas)]

You need also define the entity outside the variables. You can check for more info on the wiki