Hey @pgr thank you! I don’t have lovelace_gen and I’m using UI mode for Lovelace. Are you suggesting I switch to the YAML mode with lovelace_gen as a possible fix, or that I should steer clear instead? 
I meant that it could bring problems - although I am far from sure. So, if you don’t use it, I don’t have more ideas on what you could look for, apart from trying different cards or different card settings, to try and narrow down the possible causes of the error.
Good luck!
i have slider cards that id like to include but obviously its a conflict as i cant slide the slider cards on the swiper card as it swipes… the… card 
is it possible to not swipe the card if im on a slider card ?
ive tried adding the noSwipingClass for slider, slider-bg-slider-thumb but nothing stops it
did you find a fix for this ?
Any solution?
I think I have a similar problem. Is this perhaps a mistake?
When I use this card (GitHub - pathofleastresistor/polr-ytube-media-card) and want to select the source in the top right, a new window opens and it either doesn’t show up or is in the wrong position. I think because it’s longer than the normal card
Anyone tried a swipe card containing the home feed card?
I would love to get it work and show a persistent notication per swipe.
But not sure its possible since its one card?
I personally gave up. But I could look at the code if people actually want it. Obvious something is not passed in correctly (probably an index problem) but certainly using loop does not work.
is this still usable? can’t get it to work… trying to move the pagination bullets to the top
I found a fix !
In the github, @Bram_Kragten suggest using this setup in the config.yaml :
resources:
I was instead using the following to not rely on an internet connection to get this card to work :
resources:
- url: /local/custom-lovelace/swipe-card/swipe-card.js
type: module
Unfortunatly, it seems that the github version is not being updated, while the server hosted one is a more recent released, that eliminates this behaviour.
To keep it local, I just downloaded the online version, replaced my local “swipe-card.js” with it, and removed the compressed swipe-card.js.gz.
Sinced then, no more bug loading the card
I am new to swiper card but currently I have an issue.
When I load my dashboard (especially on my mobile device with a small screen), the swiper card is first showing the last items. After the reset timer is over, it is resetting to the first card. How can I force it to show me the first card directly after loading?
Example:
type: custom:swipe-card
card_width: auto
start_card: 1
reset_after: 10
parameters:
slidesPerView: auto
initalSlide: 0
cards:
- type: tile
entity: sensor.lightsoncount
- type: tile
entity: sensor.lightsoncount
- type: tile
entity: sensor.lightsoncount
- type: tile
entity: sensor.lightsoncount
- type: tile
entity: sensor.lightsoncount
- type: tile
entity: sensor.lightsoncount
view_layout:
grid-area: quickinfo
Hi @DevoliaEsp
Thanks for your fix. I tried it exactly as you described. Unfortunately, the card still doesn’t load. Is there anything else I need to do?
I have only tried the swipe card from Home Assistant 2024.3.0. Could it possibly be because of this? Maybe not (yet) compatible with this Home Assistant version?
Edit: I have been able to solve it in the meantime. My question is therefore invalid.
- type: custom:swipe-card
cards:
#page 1
- square: false
columns: 1
type: grid
cards:
#page 2
- square: false
columns: 1
type: grid
cards:
#page 3
- square: false
columns: 1
type: grid
cards:
#page 4
- square: false
columns: 1
type: grid
cards:
This is what I have. Is it possble to make a tap action to a “page” ?
need help.
anyone know how to make scrollbar looks like that:
below code:
type: custom:swipe-card
parameters:
scrollbar:
border-radius: 10px
top: auto
ottom: 4px
left: auto
right: 4px
sides-offset: 1%
bg-color: rgba(0, 0, 0, 0.1)
drag-bg-color: rgba(0, 0, 0, 0.5)
dragSizize: auto
doesnt work.
you must add to themes yaml
{
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
}
1 Like
You mean add it ot my theme what i use now like mushrooms Shadow theme or other one? Or create new file.
Swipe Card issue:
If I have 2 cards. What’s the configuration parameter to auto switch (default) back
from 2nd card to 1st card after x seconds?
start_card: 1
reset_after: X
1 Like
Thank you! It works!
Is this only an issue for me? I ordered the Most important cards at First place. Unfortunately i have to wait until i can use it or have to scroll Back.