↔️ Swipe Navigation

jimz011 · May 26, 2019, 2:46pm

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.

dacorn · May 26, 2019, 2:54pm

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!

jimz011 · May 26, 2019, 2:58pm

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.

dacorn · May 26, 2019, 3:05pm

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.

jimz011 · May 26, 2019, 3:12pm

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:

mayker · June 13, 2019, 6:46pm

Update v1.2.0 & Breaking Change

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:

Jimmy_Berglund · August 10, 2019, 5:37pm

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

mayker · August 10, 2019, 5:59pm

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.

Jimmy_Berglund · August 10, 2019, 11:10pm

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.

jcreynolds · December 2, 2019, 3:57am

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?

jimz011 · December 28, 2019, 2:46pm

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.

mayker · December 28, 2019, 3:48pm

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.

mayker · December 28, 2019, 3:51pm

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.

jimz011 · January 13, 2020, 4:49am

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.

mayker · March 17, 2020, 9:43pm

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.

Pirol_62 · April 22, 2020, 7:31am

We are on 108.6 now. any news to this?

DavidFW1960 · June 2, 2020, 2:07am

Just me or did this break in 0.110.4?

mayker · June 2, 2020, 2:24am

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.

DavidFW1960 · June 2, 2020, 2:43am

was working a few days ago but not working now.

DavidFW1960 · June 2, 2020, 8:31am

Seems ok now… so weird… maybe the 50 cache clears fixed it…