Well that was easy. lol After looking at a page of CSS for a long time it all just blends together.
Thanks.
1 Like
OK, now that I have the actual icons working properly for the garage door what would I need to change in the code to make it when the garage door is open to where the icon isnāt showing at a lower percentage opacity? I want both the open and closed icons to show bright just like the weather and traffic icons I have on my dashboard.
Here is the code I have for the garage door icons again.
.tile.switch[data-device=āac243a70-cad8-4ef4-9fc8-beb21482e1aeā] .icon i.active:before {content: url(http://i762.photobucket.com/albums/xx268/graffix3001/Smart%20Home%20Icons/Garage%20Door%20Open_zps1raam4cl.png); position: relative; left: -59px; top: 0px;}
.tile.switch[data-device=āac243a70-cad8-4ef4-9fc8-beb21482e1aeā] .icon i.inactive:before {content: url(http://i762.photobucket.com/albums/xx268/graffix3001/Smart%20Home%20Icons/Garage%20Door%20Closed_zpsk9yr4axi.png); position: relative; left: -59px; top: 0px;}
I think this will do it.
.tile.switch[data-device=āac243a70-cad8-4ef4-9fc8-beb21482e1aeā] .icon i.active:before {content: url(http://i762.photobucket.com/albums/xx268/graffix3001/Smart%20Home%20Icons/Garage%20Door%20Open_zps1raam4cl.png); opacity: 1.0; position: relative; left: -59px; top: 0px;}
I tried that and it didnāt work. At least this is the first time I have tried to fix it and the actual icon didnāt go to the default slider.
Reading elsewhere in the thread, you might have to set a default opacity higher for ALL inactive tiles, and then manipulate things individually from thereā¦
Read this post and the 3 or 4 after it.
Thanks for pointing me to that thread. I have tried like that guy as well to place the opacity code everywhere without getting it to work. Iād rather not try what they suggested about changing the opacity for all icons that are inactive because I will still have a dim icon for this specific tile.
Oh well, maybe someone knows if its possible. Not a big deal though since it will be replaced with Action Tiles soon anyways. lol
Hi There,
I agree - this browser is brilliant and the pro version has a feature that uses your camera to detect presence thus turning on when in view, saving electricity when not. Although i like the slideshow feature. How did you do the slideshow?
thanks,
1 Like
Seeking = Automagically Modify Static Online Images (e.g. webcams, weather radar, etc) to Show Dynamic Date/Time-Stamp?
Iām pretty sure this is outside of the scope of SmartTiles. So, Iām not intending this as a āfeature requestā from official SmartTiles support.
Rather, Iām posting in here, because I know a lot of you other SmartTiles Users know how to do all kinds of things, and Iām trying to pick your brains (but not eat them)ā¦
Does anybody know of an easy, automated way of taking an image file thatās being displayed online (like the ones that come from our BloomSky weather stations, and get displayed in our Weather Underground accounts), and somehow automagically modifying it to show the date and time-stamp info from the page itās being displayed on (like how itās displayed immediately below our BloomSky cam pics on our Weather Undergound page)?
Ideally, Iād like the text display format for the date/time-stamp to use the YYYYMMDD_HHMMSS convention. So, right now, for me, it would be:
20170123_1210
If this (or anything close) could be done, it would enable us to quickly ascertain the āfreshnessā of the images that weāre displaying on our SmartTiles Dashboards.
p.s. Iām working with the assumption that I would download the original image, have the modification done locally, and then upload it to a place where I can get to it. I can handle the downloading and uploading parts of this whole thing if I get the other things figured out.
Iām trying to change the momentary image but its not working
/Report/
.tile.momentary[data-device=ā308f2cb1-2265-411c-b21c-4d4047f8a04cā] .icon i.active:before {content: url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Report-64.png);position: relative; left: -13px; top: 27px;}
.tile.momentary[data-device=ā308f2cb1-2265-411c-b21c-4d4047f8a04cā] .icon i.inactive:before {content: url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Report-64.png);position: relative; left: -13px; top: 27px;}
Look up in this thread, maybe post 1493 or somewhere close to that and @DarcRanger gives an example of using momentary buttons. Format is not the same as others.
I think itās answered a shorted distance up too. I think I found his reply last time for someone by searching momentary in this topic.
Thanks for that!
This is what ive come up with so far.
Its a health/entertainment dashboard for the family.
3 Likes
Hi
All my momentary button with custom pictures lost their pictures 2-3 weeks ago I think. I havenāt had time to look into it before now.
This was my code earlier which worked until 2-3 weeks ago:
.momentary.active[data-device=ādevice-serialā] .fa:before {content: url(http://cdn.device-icons.smartthings.com/Electronics/electronics10-icn@2x.png);position: relative; left: -20px; top: 20px;}
I looked in the thread at a post from @DarcRanger and now it worked again by using to rows of code per button:
.momentary.active[data-device=ādevice-serialā] .fa:before {content: url(http://cdn.device-icons.smartthings.com/Electronics/electronics10-icn@2x.png);position: relative; left: -20px; top: 20px;}
.momentary[data-device=ādevice-serialā] .fa:before {content: url(http://cdn.device-icons.smartthings.com/Electronics/electronics10-icn@2x.png);position: relative; left: -20px; top: 20px;}
As you will see the first line is identical to my original code. But adding the 2nd line made it work for me.
And with a short testing, it actually also worked ONLY using the 2nd line of code.
So I guess there must have been an update in the SmartTiles code since it stopped working for me 2-3 weeks ago without me doing any update at that time.
Hope it works for you if this was what your were looking for
Does anybody have a good icon for a sliding patio door?
Could someone give me some pointers on how to set up my ipad as a home monitor. Looking to open it and have smarttiles be open. Should I maybe just get a tablet? Is there maybe a better program to run then smarttiles?
Thereās no better program for SmartThings 
!
Let us know what youād like to achieve.
Android tablets are more flexible for this than iPads due to various add-on utilities to turn on the screen when its front camera detect motion, kiosk mode locked down browsers, Tasker to automate other functions, etcā¦
But the iPad still runs SmartTiles & ActionTiles just fine!
Looks like Iām going to just get a cheap tablet or try to use my kindle then. Want to have it set up to pretty much be all its being used for. Thank you. I appreciate the help.
1 Like
Could it be possible to make an icon as a variable?
E.g. Dimmer slider would show the current dim level as the iconā¦
So I am just getting into this css build, I finally got the hang of it about 10 min ago and I am wanting to do big thingsā¦however, I know they are building actions tiles and Smart tiles will be āphased outā. What all does the āphase outā entail? Will I still be able to uses my smart tiles, perhaps just not have support or updates?
Youāll be able to use SmartTiles for a period of time that has yet to be determined.
It will eventually go away entirely.
1 Like
I am looking fir an open door and closed door iconā¦it seems to be the toughest one to locateā¦anyone know where I could find one?