Lovelace: Swiper card

You could simply put in a markdown card at the top and have the card set up to be transparent.

Example below:

@Bram_Kragten I know it is still a beta, but I would like to mention that the swiper-card doesn’t work with HA 0.101.x as of yet. See screenshots below what I mean. I have tried to remove everything but the swiper-card and it seems the swiper-card is causing this problem (when commenting the swiper card it works perfectly fine). It also works fine with older versions (and the current stable version).

Like I said it is still in beta, though I still felt I should mention it as it might be something breaking.

This is what it should actually look like:

Hi,

How can I change the color of the arrow? Is it possible?

Thanks

Is it possible to use a navigate type command to jump between slide cards.
I’d like a button without the panel that would jump to another panel within the slide?

Thanks

1 Like

Hi @jimz011
I really like the way your dashboard looks.
Would it be possible to share your lovelace yaml please? :angel:

@Tagazok ofc, https://github.com/jimz011/homeassistant/

Though, you might prefer my current looks:

Click here for video
Click here for my thread

@marat did you got this issue solved? I see the same issue on my set up

Hi
Thanks alot for the great work with this card.
I made a autoplay swipe-card with 3 weather location cards that plays nice.
But if you go to another tab/screen and then come back again the autoplay is disabled (or not animating anymore). Going to the hamburgermenu (or manually draging the weather cards) and updating the lovelace configuration gets the autoplay going again

      - type: custom:swipe-card
#        start_card: 1
        parameters:
          effect: flip
          slideShadows: true
          autoplay:
            delay: 7000
          speed: 3000
 #         pagination:
 #           type: 'bullets'
          scrollbar:
            hide: true
            draggable: true
            snapOnRelease: true
        cards:
          - type: custom:weather-card
            entity: weather.smhi_nobel
            name: Malmö Nobel
          - type: custom:weather-card
            entity: weather.smhi_are
            name: Åre
          - type: custom:weather-card
            entity: weather.smhi_salen
            name: Sälen

(btw this is my second post ever and first time encluding code so I hope I got it right)

You can do this:

              autoplay:
                disableOnInteraction: false

This won’t fix the cards stopping the animation, however simply touching a single card (tap, swipe, slide whatever) will make the animation start again. This is how I use it in my own setup.

Jup, found that also, to bad it doesn’t come back on when going from tab to tab.

Both cards are installed. Mini Graph card works fine alone but not working here with the swipe card.

No card type configured.
- type: 'custom:swipe-card'
  parameters:
    spaceBetween: 8
    scrollbar:
      hide: false
      draggable: true
      snapOnRelease: true
  cards:
    - type: 'custom:mini-graph-card'
      entity: sensor.basement_sensor_relative_humidity_measurement
      name: Temperatuur
    - type: 'custom:mini-graph-card'
      entity: sensor.living_room_sensor_relative_humidity_measurement
      name: Luchtvochtigheid
    - type: 'custom:mini-graph-card'
      entity: sensor.master_bedroom_sensor_relative_humidity_measurement
      name: Licht

HI,

Using my first swiper setup, I can’t find the answer to a few questions, so turn to you:

I have a set of custom button cards with aspect ratio 1/1 and Id like the swiper to have a width of 1 button in a row of 4 buttons. However, Ive tried both 25% or eg 50px in the card-width field, but it still shows me a full width swiper.

Have now added it to a horizontal stack like this:

  - type: horizontal-stack
    cards:
      - !include /config/lovelace/includes/include_button_swiper_home_glance.yaml

      - type: custom:button-card
        color_type: blank-card

      - type: custom:button-card
        color_type: blank-card

      - type: custom:button-card
        color_type: blank-card

which works fine, but was wondering if this is the way to go.

Secondly, I’d like the swipe to simple continue to the first when it reaches the last button, while it now seems to quickly scroll back to the first button. Do I need a dedicated setting for that?

O, and lastly: is this card now deprecated? Seems the repo is locked, and no more development taking place? If so, is there a new alternative we should use?
thanks for having a look!

this is my current config:

parameters:
  effect: coverflow #flip
  slideShadows: true
  autoplay:
    delay: 3000
    disableOnInteraction: false
#      speed: 300
#          pagination:
#            type: 'bullets'
  scrollbar:
    hide: true
    draggable: true
    snapOnRelease: true
cards:
  - !include /config/lovelace/includes/include_button_sensor_home.yaml
  - !include /config/lovelace/includes/include_button_alarmclock.yaml
  - !include /config/lovelace/includes/include_button_trash_today.yaml
  - !include /config/lovelace/includes/include_button_espresso.yaml
  - !include /config/lovelace/includes/include_button_vijverpomp.yaml
  - !include /config/lovelace/includes/include_button_animated_weather.yaml
  - !include /config/lovelace/includes/include_button_wind_direction.yaml
  - !include /config/lovelace/includes/include_button_levering_verbruik.yaml

slider

This is the repo attached to HACS, i assume the one linked in the OP is legacy?

There appears to be an issue with 0.107.1 and using this card, raised as #9

@Bram_Kragten - can you please possibly have a look?

image

I have a slider-entity-row inside swipe-card and when I changes lights parameters via slider-entity-row tab of swipe-card moving too.
How can I fix it?
image

1 Like

i have the same issue like @Syrius in v3.0.0 ,after reload page several timres it load correctly,if i update to v3.1.0 ,all cards inside swipe-card are black,only can see the scrollbard.
someone else with this problem?

Move to master branch to fix this issue. @Bram_Kragten hasn’t create a new release yet

Love this slider!

Used it to create a little PlayStation 4 Game selector using picture-entity with call-service action.

Glad to see I am not the only with the t.setConfig error. Only happens on a refresh

1 Like

That looks great! Do you have to update the card every time you download a new game though, or will the card be updated automatically based on the source select of PS4 integration?

Thanks :slight_smile: Yeah, have to update the cards each time…although I don’t play/download many new games so not a major concern

Is this fixed yet?