Double sliding door supertile

[Ilia_Gilderman]

So i was playing around with the idea to create a super tile for the double sliding door. I have a few in my house. Each double sliding door has two contact sensors. So I created a super tile with two icons for each door.

I also configured states for each contact sensor, up until now everything works fine.

Now i added the stile to my dashboard and configured states for the tile

I understand (or was told) that the animations and other effects will affect the entire tile, but still wanted to see what will happen if I will give separate effect for each state, what happened is a bit strange, and I’m not sure i can figure out the logic -:). Any ideas?

[josh]

Is the icon on the right a custom icon? It likely has the white color hard-coded. If it’s in SVG format, you might be able to run it through the SVG stripper as noted here:

@josh

Icons that are uploaded typically use an <img> tag to be displayed… that includes complex SVGs with color as well as all other image types like PNG, JPEG, etc.

If you upload a ‘simple’ SVG file with no fill properties set (eg. a single color), it gets embedded inline using an <svg> tag and it can inherit theme colors as noted in the Custom Icons FAQ:

How can I upload icons that change with my tile colors?
If you upload an SVG file that has no fill properties set on it, the system is able to embed the SVG inline and can apply colors from your Theme Styles to the image.

You can try running your SVG through the SVG Stripper before uploading it to SharpTools to remove fill and stroke properties and enable the SVG to have tile colors applied to it.

[Ilia_Gilderman]

Yep it is a custom svg. Good catch. So to summarize there is no trick to make only one side to pulsate ?

Ilia

[josh]

Not officially. There’s a feature request which has gained some interest recently that you may be interested in casting a vote on: Add ability to style individual parts of a super tile