Yup… I hope so too, though I’ll enjoy the challenge of lookin at it in the meantime when I get a chance.
Found this above in reference to the same concept of using the actual FA label.
Makes me think that it might not be possible.
Current implementation does not allow that. I’m trying to figure out how to make it work better in the future.
Just a tiny suggestion that might be helpful; though not ideal yet, of course:
You can add a CSS Comment on each line in order to help remember the icon name for future reference.
/*change fan icons*/
.tile.dimmer .icon i.inactive:before {content : "";} /* fa-empire-on (etc) */
.tile.dimmer .icon i.active:before {content : "";} /* fa-empire-off (etc) */
Still looking to see if anything else is possible. Sorta have to remember that Font Awesome is … well, pretty darn awesome as it is, so some limitations may be the price to pay for the moment. This might also be solvable with a restructuring of the overall CSS (and various div’s etc.) in some way; but that’s not going to happen until SmartTiles Version 6 (not ETA).
I get my mpeg streams, the other free full screen browser didn’t work though. Problem with the recommended one is you have to tap to get the navigation keys up, then you can tap to do something. I’m debating if that’s better or worse than having the top bar and navigation with the dedicated full screen chrome one.
That’s what I was afraid of. I had a thought in the back of my mind that if it was possible you would have given us an option to the cut & paste method earlier.
Funny you mention that. I went in last night and added the “// fa-empire icon” comments when I was playing with the CSS trials above.
I agree. I really appreciate having the ability that @625alex gives us to customize and make the SmartTiles dashboards unique and adjustable for our own needs. Changing colors, fonts, icons, adding cameras, other websites, and so much more. If only SmartThings was as reliable and functional, but then what would you and @625alex do with all that extra time?
The ability to use FONTAWESOME icons would be amazing - would add alot of versatility for customisation
I forsee a time in the future that smarttiles has its own backend design dashboard 
drag and drop / colour picker for each element / icon selector or upload your own custom .png icon etc etc
In the far far future
Even the option maybe to embed html tiles / iframes in etc
Have you been spying on me ? : 
It is possible, just a little bit of extra work. Here is a step by step for those that are interested in adding some font-awesomeness to their dashboards. Perhaps @tgauchat would like to add it to the SmartTiles FAQ.
I have GE 12730 fan control switches in four rooms. In SmartTiles without any customization they show up like this:
To customize them you need to replace the icon on the affected tiles. In my case the tiles are identified as .tile.dimmer and I need to replace the icon in both the active and inactive states. This makes it possible if you want a different icon for different states such as an open or closed garage door. In my CSS the code looks like:
.tile.dimmer .icon i.inactive:before {content : "";}
.tile.dimmer .icon i.active:before {content : "";}
To substitute a different icon you need to find one from the font-awesome cheatsheet that you like. For mine I use the fa-empire icon. Highlight the icon image and cut and paste it into your code between the quotation marks. It probably won’t show the icon, depending on browser it may show as above, a square, or some other placeholder, but it will work. The end results show up like this:
Have fun, and feed the addiction.
Font Awesome has some very awesome icons, and lots of them. Most of them, however, are not really useful for HA, and some of the obvious HA icons are missing. I’m trying to think of a sane way of supporting arbitrary icons.
It isn’t a color it is an opacity!
/*subdue dimmer sliders (Metro (default) theme)*/
.ui-page-theme-a .tile.active .ui-slider-track .ui-btn-active {background-color: white; opacity: 1.0;} /*active left slider bar*/
.ui-page-theme-a .ui-slider-track .ui-btn-active {background-color: white; opacity: 0.3;} /*inactive left slider bar*/
.ui-slider-handle.ui-btn.ui-shadow {background-color: white; opacity: 0.6;} /*inactive slider button*/
.tile.active .ui-slider-handle.ui-btn.ui-shadow {background-color: white; opacity: 1.0;} /*active slider button*/
.ui-page-theme-a .ui-bar-inherit {background-color: white; opacity: 0.3;} /*inactive right slider bar */
.ui-page-theme-a .tile.active .ui-bar-inherit {background-color: gray; opacity: 1.0;} /*active right slider bar */
For some reasons, mpeg streams from my hikvision camera doesn’t work properly on any browser other than Firefox for me. I have them setup as http://login:pass@ip-adrdress:port/Streaming/channel/1/preview.
I found a workaround for chrome on android devices. When first open the Smarttiles link, mpeg stream doesn’t load but if I open the stream on a separate tab directly and then refresh the smartiles page then mpeg streams start working. Kind off painful to do it again everytime tablet restarts but it works.
tried the same thing with full browser app…but that didn’t work…BTW I love this browser -
It’s a free app and works like a kiosk browser…I just wish mpeg stream tiles on smarttiles work on this…Any suggestion ???
Drop me a line at Support@SmartTiles.click if you’re willing to set a temporary password for the camera so I can test it and see if anything shows up in the browser traces.
Be sure to tell me the exact model of camera, etc.
@625alex
OK,
I found a way to color the switch of my Momentaries, individually and for all, both active and inactive colors, but I cannot figure out how to change the switch image for them.
Is the switch image baked in, like the battery icon in the lower left corner?
Send me a print screen of the light green bit and ill hex match it for you in photoshop mate :)!
Thanks for the offer. I knew that matching it was possible, just couldn’t find a way to do it myself. I did eventually figure out that it isn’t a color that needs to be changed but rather the opacity of the elements. I posted my updated code above in post #918 .
Hi , maybe this is useful to tablets dedicated to dashboard
I am getting this error when I click on the history tile:
{“error”:true,“type”:“java.lang.reflect.UndeclaredThrowableException”,“message”:“An unexpected error occurred.”}
Please bump up Log Level to “Debug” and capture Live Logging around the error.
You can tag @jody.albritton with the results as they can use the timestamp and app-id to get more detailed diagnostics, if kindly available to help.
Here are the logs.
I pressed the history button three time and the second time I had a different line error.
@jody.albritton, @tgauchat
7feab173-468d-4e32-a43a-372e62358cde 9:42:09 AM: error java.util.concurrent.TimeoutException: Execution time exceeded 20 app execution seconds: 164384661820656 @ line 1331
7feab173-468d-4e32-a43a-372e62358cde 9:41:57 AM: debug params: [ts:1458826856688, stateID:1458787517606, _:1458826674951, access_token:XXX-XXX, appId:7feab173-468d-4e32-a43a-372e62358cde, param1:ping, action:[GET:executeSmartAppGet, POST:executeSmartAppPost, PUT:executeSmartAppPut, DELETE:executeSmartAppDelete, OPTIONS:executeSmartAppOptions], controller:smartAppApi]
7feab173-468d-4e32-a43a-372e62358cde 9:41:24 AM: error java.util.concurrent.TimeoutException: Execution time exceeded 20 app execution seconds: 162842090317166 @ line 1364
7feab173-468d-4e32-a43a-372e62358cde 9:41:14 AM: debug params: [ts:1458826827865, stateID:1458787517606, _:1458826674950, access_token:XXX-XXX, appId:7feab173-468d-4e32-a43a-372e62358cde, param1:ping, action:[GET:executeSmartAppGet, POST:executeSmartAppPost, PUT:executeSmartAppPut, DELETE:executeSmartAppDelete, OPTIONS:executeSmartAppOptions], controller:smartAppApi]
7feab173-468d-4e32-a43a-372e62358cde 9:40:56 AM: debug updating TS
7feab173-468d-4e32-a43a-372e62358cde 9:40:56 AM: debug event from: Perimeter Scan Two, value: 64.9, source: DEVICE, description: zw device: 07, command: 3105, payload: 01 2A 02 89
7feab173-468d-4e32-a43a-372e62358cde 9:40:40 AM: error java.util.concurrent.TimeoutException: Execution time exceeded 20 app execution seconds: 164305559717654 @ line 1331
7feab173-468d-4e32-a43a-372e62358cde 9:40:36 AM: debug params: [ts:1458826814886, stateID:1458787517606, _:1458826674949, access_token:XXX-XXX, appId:7feab173-468d-4e32-a43a-372e62358cde, param1:ping, action:[GET:executeSmartAppGet, POST:executeSmartAppPost, PUT:executeSmartAppPut, DELETE:executeSmartAppDelete, OPTIONS:executeSmartAppOptions], controller:smartAppApi]
7feab173-468d-4e32-a43a-372e62358cde 9:40:27 AM: debug updating TS