Hi Jim,
I have been over your code and have a few things running, I can’t get the lights working quite right, can you share a screen shot of how the dimming of the lights will work please?
Also the pop up card doesn’t seem to be working. For this section here these lights should be in a pop up or am I not understanding?
popup_cards:
light.woonkamer_plafond:
title: Woonkamer Plafond
style:
border-radius: 12px
background: var(–background-image)
Pop up cards only work if the code is exact. One error in the code and it won’t work anymore.
I also use a custom card for them, called light entity card. (all custom cards I use are linked on my github repo)
For testing purposes I would maybe even remove the popup cards just to make sure that everything is working, and then add the pop up config after that.
I use the pop up cards because it is a bit cleaner than the original more-info window. You don’t need the popup windows for lights/devices etc. the original more info window will work just as fine.
My setup with popup and light entity:
Original more-info window:
So nothing much you will mis if you do not use the pop up card on this view tbh.
Well, it works on my laptop, and I have got it to work once on my iPad, but on my iPhone it won’t come up. I tried Chrome and Safari. Not sure why the difference.
Also, I want to ask about the swipe feature, so for example, I want on the lights view to have about 4 screens that swipe, so the first view will be light scenes, second, lets say Kitchen lights, and so on. Can I do this? Thanks Jim much appreciated!
Hm that is odd, it works on all my devices (the screens were actually from an iphone, though not a browser, the 2.0 app).
In the swipe area, you want to have multiple “pages” in the same view is that correct? So in the header you will be in a single view and within that view you want to be able to swipe to another page, without leaving that view right?
Well the lovelace swipe navigation and cch can not do that. However this card can:
It is the only way I know of to swipe cards without leaving the current viewtab.
Yes that is correct on the swipe, that will be exactly what I want, I will give it a try thanks so much.
Regarding the pop up I will mess with it more to see if I can get it working better.
When I switch from phone to tablet to lap top can the row size change dynamically? I have been searching for the solution but seems to be some confusion on the change I need.
Yes, but not with my current code as width is hardcoded. You could remove the hardcoded width (it won’t look good though). I will be converting my setup to use aspect_ratio instead. Expect the updated code tonight or tomorrow on my repo.
If you can’t wait you can try it yourself:
Need to give big thanks to @RomRider for both of the changes on this one. Added his PR on CCH to ignore swipes on map-card and used/stole his configuration method for decluttering-card.
You can now do your configuration in the root of your lovelace configuration (see readme for more info). This is a breaking change as configuration has moved.
Example:
resources:
- url: /local/lovelace-swipe-navigation/swipe-navigation.js?v=1.2.0
type: js
swipe_nav:
wrap: false
animate: swipe
skip_tabs: 5,6,7,8
prevent_default: true
swipe_amount: 30
views:
I have a problem that when I swipe everything shrinks to a very small size then grow big again. Its like the whole swipe dont work.
Any clues why? It all akts the same no matter what theme
And I switched animation and then all is fine
Swipe animation can be a bit buggy with some custom cards (possibly some built in cards as well). If it happens on every view please let me know if there is a common card on every view and I can do some testing. If you have your setup on github or the like give me a link to check it out.
I have custom button card. And yeh it happens on all. I guess it could be my custom button card that does it. Sins that is what’s on alls pages.
I have a windows 10 with a diy touchscreen setup in my living room as the control center for the house. I’ve got swipe setup via cch and it works on my phones but not my touchscreen PC. I see where is specifically says mobile, is there a way to enable it for my touchscreen PC?
Dear @mayker, would it be possible to have the config more like the old CCH?
E.g.
skip_tabs: 3-35
Thanks for the great improvements to both cards.
That’s the plan, need to add tab ranges, skip tabs, and exception config. Not sure when I’ll start the rewrite to this one, but it’s coming.
Sorry missed this one, the way PC’s and mobile devices handle swipes is quite a bit different from each other. This project looks for “touch events” which don’t really exist on PC, but I will look into trying to support swipes on PC.
Hi, whenever I use CH with hidden tabs, swipes do not seem to work. Even if I specify in swipe_nav which tabs to skip it would still skip the ones that are ‘hidden’ through CH.
I think that because the two projects live separate now, maybe configuring them shouldn’t affect the other (just a thought ofc).
Btw, been playing around with CH a bit more and it is really cool stuff what I have seen so far. Awesome.
HA 0.107
Just as a heads up Swipe Navigation is not ready for 0.107, specifically the panels feature but possibly more. An update is being worked on. If you rely on this for your setup I would recommend holding off on updating until the next release of swipe nav.
We are on 108.6 now. any news to this?
Just me or did this break in 0.110.4?
Though this still needs a major update, it’s still working for me as it was before 0.110.4. Works on default dashboard, but no where else.
Working on this one again soon. Still short on time, but unfortunately not short on projects.
was working a few days ago but not working now.