What does skip_tabs setting do? What tabs would we skip? If we have to configure the card?
Hello,
i got 2 cards is there a way to create an automation, where i can swipe at the afternoon to card 2?
i found a way to get the right page for different times of day with:
{% if 1 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 12 %}
1
{% elif 12 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 18 %}
2
{% elif 18 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 23 %}
3
{% endif %}
how can i use this output with start_card ?
start_card: {% if 1 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 12 %} 1 {% elif 12 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 18 %} 2 {% elif 18 <= as_timestamp(states(‘sensor.date_time_iso’)) | timestamp_custom(‘%H’) | int <= 23 %} 3 {% endif %}
isn’t working
i create a template but how can i use this with start_card: ?
start_card: {{states(‘sensor.swipe_card_time_of_day’)}}
isnt working 
it shows
- type: custom:swipe-card
start_card:
‘[object Object]’: null
that’a pretty dope!
Really cool idea, thank you for your effort! I would like to ask a question, perhaps my understanding is not sufficient. Maybe it’s also a feature you’d like to integrate at some point:
I have a series of buttons that I use to switch lights. I would like to group these. For example, one group for the ground floor, one for the upper floor and one for the garden. It would be great if I could completely swipe the marked area. Is this already possible current? Unfortunately I couldn’t find anything about it.
Put your button cards in a grid card or horizontal stack card. The swiper will move those cards as a group.
Hi
I need some help, i have a HA green
this swiper card i can not get it in, it fail all the time it not supporten at have followed as guides.
Some there can help what there is wrong, i have try to copy/pasty Full width cards with scrollbar and change sensor but nothing will show
Hi,
Maybe someone smarter than me can help me get to the bottom of this annoying behaviour, glitch, error… don’t even know how to call it, all I know is that it’s pretty aggravating.
I have a swipe card with 7 native area card slides, which I wrapped inside mod-card so I could change some pagination styles (didn’t find any other way to do this), it seems that this causes swipe card instability, meaning that sometimes it loads, sometimes it doesn’t, it’s a matter of chances… I only get this unstable behaviour in the iOS companion app… no issues on a desktop browser or chromecast. I also have similar setups with swipe card inside mod-card, but no issues, although I use custom button cards there. It seems that it has something to do with the native area card and especially when wrapped inside mod-card, cause removing mod-card from the setup, solves the issue. Honestly I would try another way to style the pagination if there was one.
Thank you!
Hello, i’m trying to achieve a “selector” swiping between two small button within a custom-button card frame.
Is there any way to perform an action lilke “toggle” an entity while swiping on one side or swiping back?
thanks
1 Like
Hello, happy new year.
I found this card type in a youtube video and tried it out for my temerature sensors (like in the first post) but the lines are not show, even if I specify “sensor” as type. The result looks like I specified “entity”.
If I use a sensor card directly it works as expected.
Hi Bram
Where can i find the swiper options of the card?
That link is dead…
Hi! Would you share the code? I’m trying something similar but with much worse results!
So how do I change this ?
I want to change the color of the bullets, is that possible ?
I had this
type: custom:swipe-card
card_width: 99%
parameters:
pagination:
type: bullets
clickable: true
style: |
.swiper-pagination-bullet {
background-color: rgba({{ states("input_text.kleur_iconen")}},0.2) !important;
}
but it is not working
This works
card_mod:
style: |
.swiper-pagination-bullet {
background: red !important;
}
Whole card
- type: custom:swipe-card
card_width: 1080px
start_card: 2
reset_after: 20
parameters:
spaceBetween: -150
effect: coverflow
grabCursor: true
centeredSlides: true
slidesPerView: auto
loop: false
coverflowEffect:
rotate: 50
stretch: 0
depth: 100
modifier: 1
slideShadows: true
pagination:
type: bullets
navigation:
enable: true
scrollbar:
hide: true
draggable: true
snapOnRelease: true
card_mod:
style: |
.swiper-pagination-bullet {
background: red !important;
}
1 Like
Found this link.
it is not working for me. This is my code
type: custom:mod-card
card_mod:
style:
swipe-card$: |
.swiper-container {
width: 100% !important;
}
card:
type: custom:swipe-card
parameters:
pagination:
type: bullets
clickable: true
style:
transform: scale(.95,.95)
cards:
- square: false
type: grid
columns: 1
cards:
card_mod:
style: |
.swiper-pagination-bullet {
background: red !important;
}
You are right, not working for me anymore either.
Add these to your theme variables
# Swiper Card
swiper-pagination-color: red
swiper-navigation-color: red
swiper-navigation-size: 48px
swiper-preloader-color: gold
1 Like