Having an issue where the slider for a light in a room is moving with the swipe. So if I start a slider on a light or cover, the card starts swiping with it.
Is there a way to fix it so the slider of the entity moves but the card doesnt swipe unless I swipe on the card itself?
I have this working for two seperate tabs. When i try to use it on a third, iām met with this t.setConfig is not a function error. It renders on a browser but not my iphone.
Hello , i am using a swipercard inside a picture element card in panelmode. Inside the swipercard i have one more picture element card. I cant figure out how to set the height of the swipercard. I can set the Width with the style parameter of the picture element card but the height do not change. I have also tried to set height inside the swipercard but nothing works. The swipercard is to long right now so the pagination bullets ends up way to far Down on my Screen. Does anyone know a solution ?
Is it possible to change the card programmatically? i.e. instead of the mouse doing the swipe/drag event, I would like to swipe based on a home assistant event.
Whatās the syntax and formatting for setting card specific autoplay delays? Over here in the docs it says it can be done, but I would need a YAML example for how to implement this.
If you need to specify different delay for specific slides you can do it by usingdata-swiper-autoplay (in ms) attribute on slide.
Hi!
Really loving this! A super sweet addition to my dashboard!
Although I have a problem which Iām woundering if anyone know how to fix.
I have a dashboard setup on a raspberry pi 3 using raspbian and its chromium browser but the issue also remains in the home assistant app on my android phone when trying there.
Whenever I swipe across the screen, once I release it acts as a click on the card I āheld ontoā while sliding, either performing a button press or alternativly bringing up the info window for that entety.
For example, Iāve added the ability to swipe between two different weather info cards for both my homes but whenever I release my finger off the screen it brings up the window showing all information from that weather card.
Alternativly I have some buttons activating some light scenes and another set of buttons I can swipe to that controls individual light instead. But swiping back and forth between these causes the button I āheld ontoā to activate once I let go of the screen, accidentally activatings scenes or turning on/off lights by simply just swiping.
Hi all, Iām attempting to figure out how to implement hash control to this swipe-card. Using the below parameters and manually inserting data-hash="p1 , data-hash="p2" into the swiper-slide-active cards html, I can change the hash on swipe and using the navigation arrows. These changes are reflected in the three button cards above.
(Screen grab GIF attached)
What doesnāt work is if I change the browser hash from one of buttons, the swiper-card will not update or listen to this change.
is there any way to make swiper-card listen for hash changes from buttons etc? (Similar to custom:button-card or custom:state-switch)
is there any way to define data-hash=" " within the YAML config for each card? Without manually inputing this in the developer console it just adds #null to the url for ALL cards.
This would be super exciting if this could work and opens up a lot of UI/Navigation possibilities.
However everytime i swipe i also click the button card which toggles the lights. Does anyone have any tips/ideas on how to fix that?
the preventClicks and preventClicksPropagation does not seem to work. Using the ios and android app.
This has always been the case with hold actions inside swiper card. Also affects sliders, since you have to hold and touch. Iām guessing youāre using on desktop/laptop. See my workaround I figured out here: A different take on designing a Lovelace UI - #700 by ASNNetworks
I use popup slider cards inside swiper card successfully with this workaround.
Iām trying to find a way to dynamically add cards to the Swiper card, so new messages and alerts can be displayed and autoplayed through. Does anyone have any suggestions?
swipe card has proven to be the only card with which I can dynamically show these cards, and donāt have to pre-format any other settings (see the commented state-switch config which I had before). like the number of alerts āonā. If there is 1-4, they simply show in the horizontal stack. If there are more, then I swipe.
You can use multiple markdown cards inside a swiper card. Make sure each markdown card is inside a conditional card. That way only the markdown cards show when a certain criteria has been met. For instance:
Conditional card where the wrapped markdown card only shows when status of binary_sensor.frontdoor is set to on. Then use markdown card with tekst like The frontdoor is open. This means that if the frontdoor sensor is set to on, than the markdown card wil show up.
Create multiple conditional cards, each containing a markdown card. And use autoplay: true as a parameter for Swiper card. Having said this: if nothing is displaying, you will see a white area. So you need to be creative by using multiple nested conditional cards, or default Markdown tekst when all sensors are off.
In any case: this is not simple if you have never used markdown, conditional or swiper card. So start by experimenting with those cards and read the docs!
The conditional card seems to make the swiper card throw and error: t.setConfig is not a function which is not happening with other card types (Iāve tried entity and custom:button-card).
