Lovelace: Swiper card

Share your Projects! Dashboards & Frontend
163

Hi!

First of all, thanks for this awesome card - this was one of the two custom cards I’ve found cool & useful enough to use in my config :slight_smile:
Until now…

I’m starting to experiment with other custom cards, even creating my own - and it seems that swiper cards throw an error when trying to set up any other custom card as a slide:

swiper-error
swiper-error361×620 8.07 KB

Here is my yaml (I just copied a random custom card as a slide, I’ve tried it with others, the result was the same):

- type: custom:swipe-card
  parameters:
    spaceBetween: 8
    scrollbar:
      hide: false
      draggable: true
      snapOnRelease: true

  cards:        
  - type: sensor
    entity: sensor.waterkotte_inside
    name: Room
    graph: line
    #hours_to_show: 24

    
  - type: custom:mini-graph-card
    entity: sensor.waterkotte_rpm
    height: 100
    line_width: 4
    font_size: 75
    color: '#3498db'

Everythings OK if I remove the custom card from the swiper:

- type: custom:swipe-card
  parameters:
    spaceBetween: 8
    scrollbar:
      hide: false
      draggable: true
      snapOnRelease: true

  cards:        
  - type: sensor
    entity: sensor.waterkotte_inside
    name: Room
    graph: line
    #hours_to_show: 24

    
- type: custom:mini-graph-card
  entity: sensor.waterkotte_rpm
  name: RPM
  height: 100
  line_width: 4
  font_size: 75
  color: '#3498db'

Is it a limitation of Lovelace custom cards, or a bug in Swiper card, or am I missing something?
Thanks,
Ben

164

That’s a bug, just fixed it I think :slight_smile:

165

Is it fixed or not?
I tried latest code from:


and I’m still getting “config is not defined”.

Will old version it’s working…

166

Should be fixed with the commit from 12 minutes ago… So if you got that code it should work…

https://github.com/bramkragten/custom-ui/commit/80be9759ce3e317b84304e273636c9238ecf4cd1

167

OK, I will try again… I will report if now it’s OK…

168

I now see there are some more issues for custom cards, didn’t test this properly…

169

OK… Neverless…

My report:
Now it’s working but on log it make some “Uncaught” error…

Will you fix now so that I will test it right now?

170

What is the exact error?

171

http://192.168.3.32:8123/lovelace/0:0:0 Uncaught

172

Mmm that’s not very helpfull… I’ll finish what I’m working on now and will then run some tests

173

After updating the swipe-card.js right now, I get CUSTOM_TYPE_PREFIX is not defined…
Before I “upgraded”, I couldn’t edit these cards with the lovelace interface. After pressing edit, it just stood there saying something like “card configuration”. Is that the same problem?

174

Please update, should be fixed already. The editing in Lovelace should work, might be that it didn’t with the old version…

175

Definitely changed something:)

Here’s what I get now:
swiper-error

176

So, should I try again?

177

Updated.
No error message, but the cards don’t look good. They are too wide, and some are mirrored…
Still not possible to edit.

179

Editor should be fixed now.

180

The button-card isn’t mine?

181

Whoops, yeah I figured :P. I removed the post xD.

Anyways your swiper-card is great, I do have one question though, as I saw you have a graph card as well. Can I change the line color with your card? And could I use the swiper-card in conjunction with that?

Btw your orange dark skin is great too (that one is yours right?)

182

Haha yeah those are mine, not sure, will check it tomorrow.

183

Still no editor. It just says “card configuration”.
And many cards are seen from behind.
Even after browser cache flush, Chrome.