My Lovelace Plugins


#612

Thanks for checking into this. I will post when I get something figured out. Thanks!!


#613

Hi @VDRainer

I’m trying to get something similar to your first Cover Test1, but I am not able to do it.

I don’t see where you define to use the custom:slider-entity-row in the first part.

This is my config

      - type: entities
        show_header_toggle: false
        title: Tende e tapparelle
        entities:
          - entity: cover.tenda_sala
            name: Tenda sala
            icon: mdi:blinds

and this is what I get now

17

What should I have to do to get your first example?

Thanks


#614

You have to use the cover entity twice, one for the buttons, one for the slider

      - type: entities
        show_header_toggle: false
        title: Tende e tapparelle
        entities:
          - entity: cover.tenda_sala
            name: Tenda sala
            icon: mdi:blinds
          - type: custom:slider-entity-row
            entity: cover.tenda_sala
            full_row: true

Shelly Cloud - new Component? How to implement it? API is available
#615

I’m getting this message on starting or reloading Firefox. (Latest on Ubuntu)
Auswahl_012
After that everything seems to work.


#616

I’ll assume you have read the message and installed card-tools.

If so, this is an unfortunate side-effect of how resources are loaded.
The best advice I can give is to make sure card-tools is first in your list of resources and any plugins that use it are at the very end of the list.

I’m thinking hard of ways to fix it.


#617

I just tried that to fix the custom dark-sky card… no joy unfortunately

EDIT: at first it didnt… then after further Ctrl+F5 I got rid of that error and got another one…

image

Sorry to cross-thread but I figured I would reply to the card-tools issue


#618

Hi,

after upgrade to HA 0.85.1 and upgrade all useful modul (card-modder, fold-entity-row, etc.), I have problem with card-modder on gauge card.

My ui-lovelace config:

      - type: horizontal-stack
        cards:
          - type: custom:card-modder
            card:
              type: gauge
              name: Download
              unit: 'Mb/s'
              entity: sensor.speedtest_download
              max: 100
              severity:
                red: 0
                yellow: 15
                green: 25
            style:
             background-image: url("/local/images/cardbackH.png")
             background-repeat: no-repeat
             background-color: rgba(50,50,50,0.3)
             background-size: 100% 100%
             border: solid 1px rgba(100,100,100,0.3)
             color: "#dadada"
             box-shadow: 2px 2px rgba(0,0,0,0.6)
             font-family: Oswald

          - type: custom:card-modder
            card:
              type: gauge
              name: Upload
              unit: 'Mb/s'
              entity: sensor.speedtest_upload
              max: 100
              severity:
                red: 0
                yellow: 10
                green: 20
            style:
             background-image: url("/local/images/cardbackH.png")
             background-repeat: no-repeat
             background-color: rgba(50,50,50,0.3)
             background-size: 100% 100%
             border: solid 1px rgba(100,100,100,0.3)
             color: "#dadada"
             box-shadow: 2px 2px rgba(0,0,0,0.6)
             font-family: Oswald

      - type: custom:card-modder
        card:
          type: gauge
          name: Ping
          unit: 'ms'
          entity: sensor.speedtest_ping
          max: 100
          severity:
            green: 15
            yellow: 25
            red: 40
        style:
         background-image: url("/local/images/cardbackH.png")
         background-repeat: no-repeat
         background-color: rgba(50,50,50,0.3)
         background-size: 100% 100%
         border: solid 1px rgba(100,100,100,0.3)
         color: "#dadada"
         box-shadow: 2px 2px rgba(0,0,0,0.6)
         font-family: Oswald

      - type: horizontal-stack
        cards:
          - type: gauge
            name: Download
            unit: 'Mb/s'
            entity: sensor.speedtest_download
            max: 100
            severity:
              red: 0
              yellow: 15
              green: 25

          - type: gauge
            name: Upload
            unit: 'Mb/s'
            entity: sensor.speedtest_upload
            max: 100
            severity:
              red: 0
              yellow: 10
              green: 20

      - type: gauge
        name: Ping
        unit: 'ms'
        entity: sensor.speedtest_ping
        max: 100
        severity:
          green: 15
          yellow: 25
          red: 40

Before upgrade was everythinks ok.
Log is clear.
Browser cache and history I cleared.

Many thanks for all answers and ideas.


#620

This is a know problem with some cards right now. Might affect light and thermostat as well.
Me and the frontend dev team are working on it!


#621

Oh, ok thanks for your answer, I’ll follow the changes.


#622

I’m trying to use the trick with the custom:hui-xxx-card in an entities card.
Seems like it’s the only way to show/hide gauges conditional and it works.

      - type: conditional
        conditions:
          - entity: binary_sensor.e3dc_battery_power_pos
            state: 'on'
        card:
          type: entities
          entities:
            - type: custom:hui-horizontal-stack-card
              cards:
                - type: gauge
                  entity: sensor.e3dc_battery_power
                - type: gauge
                  entity: sensor.e3dc_net_power

      - type: conditional
        conditions:
          - entity: binary_sensor.e3dc_battery_power_pos
            state: 'off'
        card:
          type: entities
          entities:
            - type: custom:hui-horizontal-stack-card
              cards:
                - type: gauge
                  entity: sensor.e3dc_battery_power_pos
                - type: gauge
                  entity: sensor.e3dc_net_power_pos

Auswahl_173

The only problem is the ‘dark’ background behind the gauges.
I assume it’s the entities card?
Any hints to avoid this?
Thanx!


#623

You could try making the two guage cards both in their own card-modder card and style the box-shadow: none and border: none. See if that works. I had a lot of headachs with guage cards and horizontal stacks that I just gave up and went with something else.

Also, just an FYI, the custom:vertical-stack-in-card is a handy card as it removes a lot of the space around the inside cards.


#624

Just noticed I have this ugly red thing showing it’s face. :face_with_symbols_over_mouth:

error

Seems to be a problem when using slider-entity-row inside fold-entity-row. This only just started happening in the last day.

If I change the 2 slider-entity-rows to just normal - entity: light.dining_front it all springs back to life.

Has something changed @thomasloven?? Maybe I applied a card update and didn’t notice.


#625

I think I noticed that fold entity row updated today or yesterday. might wanna check for updates. don’t use slider so I can’t speak to that


#626

Got the exact same thing after updating fold-entity-row, so you have probably updated as well.


#627

Should be fixed now. Thanks!


#628

The gauge card is a bit of an odd one… It’ll probably see an overhaul in the near future.


#629

@Skeletorjus glad it wasn’t just me.

@thomasloven what was wrong? Is this why I was seeing the red box of horrer?


#630

Yes. That was what told me the reason.

Fold-entity-row was handing the hass state object over to slider-entity-row before it actually existed.


#631

Gee. Some of theme functions are getting pretty impatient these days. Glad you told it to hold it’s horses and wait…


#632

Hi!

Thanks for the card, it would be even cooler if HTML <video> could be embedded in the useful-markdown card.
Embedding <img> works fine, but for some reason <video> doesn’t. Here’s my code int the YAML:

<video controls=“true” width=“300” height=“200” poster=“https://MY-URL.gif”><source src=“https://MY-URL.mp4” type=“video/mp4”></video>

It renders like this in the browser (note the " before the <SOURCE> HTML tag):

<video controls=“true” width=“300” height=“200” poster=“https://MY-URL.gif”>
“<source src=“https://MY-URL.mp4” type=“video/mp4”>”
</video>

Thanks,
Ben