My Lovelace Plugins

Cant Seem to get browser_commander to do what I want. :frowning: Not sure what I could have wrong?
automation
launch_drzzs_stream_laptop:
sequence:
- event: browser_command
event_data:
command: navigate
navigation_path: ‘http://www.youtube.com/drzzs’
id: 72a37af3-396eefb7

It is done with images.

1 Like

padding: 24px 24px 24px 24px does nothing for me, card doesn’t change its appearance at all. I am also struggling with report_size. Have tried different values but card size doesn’t change.

report_size doesn’t change the actual size of the card. Instead it changes the size the card placing algorithm thinks the card is.

Here is a good explanation of report_size functions and uses. May help.

Ok, so report_size basically affects the order in which cards are displayed, because this is partly based on the size of the card and the available height of a column.

My aim is to have two horizontal cards showing the same height. Before, I tweaked padding to achieve this (the precision wasn’t great though and varied between devices), but now padding the way I did it before has no effect on the useful-markdown-cards I am using. See code below:

  - type: horizontal-stack
    cards:
    - type: custom:card-modder
      card:
        type: custom:useful-markdown-card
        padding: 18px
        content: >
          **[[ sensor.time.state ]]**
      style:
        text-align: center
        font-size: 50px
        background-color: 'var(--background-darker-grey)'
        color: 'var(--orange-accent)'

    - type: custom:card-modder
      card:
        type: custom:useful-markdown-card
        padding: 12px
        content: >
          ## [[ sensor.swedish_calendar_weekday ]]

          ## vecka [[ sensor.week_no ]]
      style:
        text-align: center
        font-size: 14px
        background-color: 'var(--background-darker-grey)'
        color: 'var(--orange-accent)'

Padding has been changed in the useful-markdown-card and now works the way you’d actually expect it to.
To change the visual height of a card, you can use height: 400px or so.

Thanks, that seems to work. In which order is padding parameters implemented?
Is it padding: top bottom left right or
padding: top left right bottom?

Or maybe something else. Also, it seems padding overrides height, is that correct?

https://www.w3schools.com/css/css_padding.asp

Thanks! :+1:

@thomasloven The auto-entities card isn’t displayed when the HA page is displayed only a moment later.
Please watch this movie with slow speed. First card Rodzina is displayed moment later than others cards.

There is a solution for that?

My config:

title: 'Dom'
views:
  - id: home
    icon: mdi:home
    title: 'Pomieszczenia'
    background: '#e5e5e5'
    path: home
    panel: true
    cards:
      - type: custom:layout-card
        cards:
          - type: custom:auto-entities
            card:
              type: entities
              title: 'Rodzina'
              show_header_toggle: false
            filter:
              include:
                - group: group.household
                - group: group.family
                  state: home
          - ...
          - ...

Nope.
Custom cards are loaded absolutely last, once everything else is finished, more or less.
There’s nothing that can be done about that without the risk of severely breaking something else.

Thank you for info.

I have problems with Fold-entity-row and group.all_automations and I have also tried with your code and I also get an error.

title: Automatizaciones
icon: mdi:settings
cards:
  - title: Automatizaciones
    type: entities
    show_header_toggle: false
    entities:
      - type: custom:fold-entity-row
        head: group.all_automations
    #    open: true
    
  - type: entities
    title: Folding Groups
    show_header_toggle: false
    entities:
      - type: 'custom:fold-entity-row'
        head: group.all_automations
        items:
          - automation.alarma_activar_modo_ausente
          - automation.alarma_activar_modo_noche
          - automation.alarma_activar_toque_sostenido
          - automation.alarma_armar_alarma
          - automation.alarma_desactivar_alarma_1_toque
          - automation.alarma_desactivar_modo_noche

Captura

You need to update card-tools. The version you’re using is a month old.

I have updated card-tools and fold-entity-row code of your Github

Captura

Strange

Do you get any output in the browser log (F12)?

Really, I don’t know what I have to look at F12 :disappointed_relieved:

Just anything that seems even slightly relevant
https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#browser-log
It can help to open the log and then refresh the page.
Also look out for any green text that mentions card-tools.

Hey @thomasloven is it possible to make this border blink when the condition is met?

border: '[[ if(sensor.shield_app == "Netflix", "solid 3px red", "solid 3px rgba(118,185,0,1)") ]]'

I tried to insert some “blink” code from your github but i could not get it to work.

I saw @teachingbirds had a blinking border, but i cant seem to find it.