Animate icons in Wiser for KNX/Homelynk/Spacelynk in "Touch view"

[vicbac]

Is there possible to use custom CSS to spin and animate icons in Wiser for KNX/Homelynk/Spacelynk in "Touch view"

In PC view it works fine but I wonder if it is possible to get this function in the new Touch by custom CSS? How to link this with an object? 

@Erwin-vd-Zwart Is this something you know is possible? 

Thanks 

[Erwin-vd-Zwart]

Custom CSS and Custom JS are only applied on the PC/Tablet and Mobile visualization and not applied on any of the apps, this is also not planned.

In the latest version of the Touch App we have included a separate css section in the app itself where you can add custom CSS that will be applied on this app only.

You can find it in Touch Config -> Hamburger menu on the right -> Styles -> Custom CSS section.

[vicbac]

Thanks for quick answer!

Yes I´m aware of that section aswell, but is it possible to animate one icon if a value of this object >0 in Touch config app? 

Like in the PC visu we can make additional classes to make this happen. 

[Erwin-vd-Zwart]

It's not possible to add a custom class in Touch so that makes it hard to add a unique 'handle' to grab the desired element from the DOM, it should be possible to grab the element on the attributes like the address where it's attached to or the name in the control element but to be honest that will give you some chalenges (: So the simple answer is no you can't do this (easily).

[vicbac]

Hehe thanks for that perfectly explained answer 🙂 

So the easiest way here is to get a set of animated svg icons that I want to illustriate moving parts for. 

[Erwin-vd-Zwart]

Yep (: