Help on custom dimmer light tile and icons

[cw-kid]

Hi @jdamore

Can you help me with this Scene tile please ? I’m stuck again.

I would like the grey colour within the border area to appear upon clicking the tile, to run the Scenes and then to disappear again after I have clicked it. Bit like a touch feedback response.

On the border button, I removed the Device status binding and changed On to Clicked but I am obviously missing something else.

Many thanks

EDIT: I was testing in designer.

I’ve updated the app on my phone and it does very briefly fill in the border area when I click this scene tile.

Although I don’t think this is anything I have done and is just what the Home Remote app does when you click on something ?

This happens pretty fast, would be nice if it filled in the border area when pressed and kinda faded out the colour fill a bit more slowly after you have stopped pressing the tile.

Not sure what do you think ? I am sure there are better ways to do it than I know of.

Cheers.

[cw-kid]

@jdamore

Some new screen shots:

When the tiles are in the ON state the icons still look washed out and like they are behind the opaque border area colour.

The VPN switch its Opacity is 0.9 as a test.

The Canon Printer is Opacity 0.5

Any way to fix this ?

Run Scenes tiles.

@bill Did you look in to locking certain tiles down with a pin code or confirmation prompt, before they can be run ?

This is very handy in Imperihome to secure some actions and prevent you accidently pressing the wrong tile if its protected with a confirmation pop up box Yes / No did you really want to run it etc.

Thank you.

[Jdamore]

I’ll have to come back to this. I don’t have any scenes to test and I don’t want to make you the guinea pig. Like I mentioned in my PM, if you want to customize the look (and “feel”) of the button press, you’ll have to do it with Property Setters in Event Triggers.

[Jdamore]

For the tiles that become very greyed-out when enabled, move the button up the tree directly under <>Grid and see it that fixes everything

Also- how are you controlling the printer and why?! haha

[cw-kid]

That seems to have fixed it moving the border button to the top underneath grid.

I thought I tried that before, but its working now.

@Jdamore

Also- how are you controlling the printer and why?! haha

Its just a ping sensor doesn’t actually do anything, just tells me if its “On” on not.

[Jdamore]

ok… check it out. scene experiment.hrp (41.7 KB)
Playing around, I made two scene templates.
First one: When you press the tile, it will stay grey for 3 seconds and return to normal.

Second one: This one will flash the gray for several seconds and return to normal.

The EventTrigger are in the Tile

Just some ideas what you can do.

Note: the scene tiles have some sort of “mouse-over” highlight. Click the tile and move the mouse out of the way for the full effect. I linked the DataAction to the virtual devices so you wont be able to copy these directly.

[cw-kid]

Hi

I am looking at your tile that flashes the colour of the border button on and off.

I see you have used an Event Trigger and Clicked is the event.

I would like to do something similar for a motion sensor tile to flash red, however I can’t figure it out.

For my motion sensor tile as is, its using a Data Trigger and a binding of @Device.Motion the event is “Active” to fire the trigger.

In the Actions, I can add a red background colour OK, but there is no DelayAction available, so I can only seem to have a static red background when the motion sensor trips.

I then tried to use an Event Trigger instead like you did, but cannot make that trigger fire when my motion sensor is tripped / Active.

Cheers

[Jdamore]

I know exactly what you are trying to do because I’ve tried to do the same. Unfortunately, it can’t be done using DataTrigger. DataTriggers only support property setters.

I would absolutely LOVE to have this ability so I could create short animations (short, meaning not looped) like flashing tiles. I’d like to do a huge pop-up that flashes red if a smoke, leak, or security issue is detected. This emergency pop-up would also have buttons like Turn On All Lights, Lock/Unlock Doors, ect…

The Scenes feature was recent added which will give you some actions from triggers but, this will not do what you’re looking for.

[Tarkus (John Lattarulo)]

Here is a related topic. Download the project the OP attached. While it does not do what you want to achieve it is pretty nice and may help you down the line.

Animated Images possible

…is what I’m trying to do. I was going to keep quiet on this but, I’d like to expand on some of the simple animations I have going already. I’ve mentioned it briefly before (old forum) but, I’m really itching to figure this out. I believe this might constitute as a feature request. I can make simple animations like pop-ups expanding open/close or pages fading in/out. I can only do this by a lot of Property Actions from Event Triggers (me clicking on something) What I would like to do …

[Jdamore]

eye candy

[Bill_H (Bill Hunter)]

Can you tell me how you are getting the icon image change to happen when using the slider. Here is what I mean:
If the light is Off. I use the slider to set the light to anything but 100% or 0% the icon doesnt’t change. If I set the slider to turn the light on to 100% I get the On.png. If I set it to 0% then I get the off.png

[cw-kid]

When the light is OFF and I press the slider and move it up, whilst I have my finger still pressed down on the slider the off icon doesn’t change. Its only when I let go of the slider and when Home Remote app has polled the lights current level then the icon changes to the on icon.

I can let go of the slider at any level for example around the middle for 50% and the On icon is then displayed.

On the icon element on the tile there are two DataTriggers with the binding @Device.Switch

One DataTrigger has the value of “Off” and its Setter is Icon -> Bulb-Off.png

The other DataTrigger has a value of “On” and its Setter is Icon -> Bulb-On.png

Attached is my .xaml file take a look.

DimmerTile1Bulb.xaml (5.1 KB)