It looks like the request for events history is timing out. Either you have too many devices added to the dashboard or the cloud is too busy.
OK too many items is definitely the issue. I have a tile with 57 items including the standard/built in tiles that work with the app.
I was able to draw a history view for that one.
I have two other much larger ones, 127/120 items on the screen. I saw the timeout message, but I guess my Main Screen versions brought out my completionist aggression overload the history report. Also since one Main screen was from the newest SmartTiles Connect and the older version I was using had the same error, I feared it was not simply the code. I did not dawn of me to check one of my smaller SmartTiles view.
I have another SmartTiles view using the old version with 97 tiles, which just has weather for two places, thermostat for heating/cooling tiles, switches to control thermostat mode and fan, five phone/keyfob presences, and the reset sensor data for temp/humidity/lux and 5 door contacts.
I used get the history view on my older SmartTile webpages in the past.
As I was transitioning to the newer version, I still have 3 slots left. The one view that history is working only has the switches/sensor data for one floor,
[quote=“625alex, post:928, topic:11222, full:true”]
…too many devices added to the dashboard…[/quote]
Is there a known or recommended limit?
p.s. since you mentioned it, I figured I’d check on it for future reference.
I don’t recall at the moment, but I know that, at one time, since we can only have 5 dashboards, and I’m not able to have a separate dashboard for every type of thing I want to do, I had to cram a whole bunch of things onto one of the five. I don’t think I ever experienced any problems with them, but then again, I don’t sit there, surveying them all day long either lol 
The actual number of devices may not play as much role as the amount of activity. Motion sensors in a busy area, for example, would generate a ton of events. A request for history retrieval, just alike any other request, times out in 20 ST seconds.
I noticed that the same request may fail intermittently based on the ST cloud strain. If a history request has failed ones, it might succeed if the page is refreshed.
Here’s my setup. I have a Samsung Galaxy Tab 4 with Motion Detector and Tasker installed, so whenever the front-facing camera detects motion, the screen will turn on. It’s instantaneous and the sensitivity is great.
For now, I have it mounted via Velcro straps so it can easily be mounted/taken off, until I find the time to build a custom frame and drill holes in my wall.
This thread has been an immense help!
[quote=“625alex, post:931, topic:11222, full:true”]
…in 20 ST seconds.[/quote]
lol
this is hilarious!
It’s as if, since we don’t ‘really’ know when it will happen, all we can say is the name of the period of time; knowing all too well that, in ST, it may really take twenty days. 
Beautiful setup and picture, thanks so much for sharing!!! I have to put out a call for folk’s installs so I can build a really nice gallery to feature on our website, http://SmartTiles.click …
It’s super helpful when the picture includes real home “wall stuff” like clocks, vents, doorbell, artwork, … and even plain-old dumb switches!
Great job. ![]()
Anyone know how to change power tile color like it’s “on” when the value is > 0?
For context, I have 3 Aeon power outlets, one on washer, dryer and hot water recirc pump. 99% of the time they are at 0 Watts, so I want to tile to invert like it’s “on” as if it was a switch or any other tile.
I gotta think about it, but it’s a great idea!
This is the best I could figure out.
.power.inactive {background-color:pink}
.power[data-value='0W'] {background-color: green}
The first oddly enough turns pink when power is on, in spite of using the term “inactive”. It does not work without it. It should, but it could be the line placement in CSS.
The second line I borrowed from by temperature color scheme. When the unit is off the tile is green.
There is an alternate that will directly override the theme.
.theme-slate .power{background-color:pink}
.theme-slate .power[data-value='0W'] {background-color: green}
Here you do not need “.inactive” in line one.
Both lines need to be in the order presented, otherwise the data-value check gets overridden.
I found that when I was working on something else. I decided to make the code “pretty” and sort my lines by what they do. I couldn’t figure out why it stopped working. Went back and recopied the last working code, with nothing changed but the order and it started working again. I guess “pretty” isn’t important after all. Sometimes being OCD kinda sucks.
Awesome, thanks DarcRanger, I have hope! This works like a champ, now I just need to fix the entire tile being orange when “active”. I’m guessing I need to invert the lightning bolt, title and power text too. I remember seeing that somewhere, i’ll dig around a bit.
.power.inactive {background-color:#ffa500}
.power[data-value=‘0W’] {background-color:#3b384a}
Must have been a glitch in the browser… it worked when I first tried it, then it botched the non “active” tiles… still digging for a solution, hints welcome! ![]()
Figured it out
.power.inactive {background-color:#ffa500}
.power[data-value=‘0W’] {background-color:#3b384a}
.power .fa {color: #3b384a}
.power .icon {color: #3b384a}
.power .title {color: #3b384a}
.power .title2 {color: #3b384a}
.power .spinner {color: #3b384a}
Is there a way to combine all of these on one line?
.temperature[data-value^=‘6’] .icon {color: #17FF00} for 60-69.
.temperature[data-value^=‘7’] .icon {color: #EFF00} for 70-79.
I’m able to add a temperature tile from Nest or Weather and this works like a charm, nice work.
Is there a way to color the bigger weather tile or the nest tile using a similar method? I’ve tried 100 variations to no avail. Digging in the page CSS it doesn’t look like it reports temp in the same way so i’m sure i’m missing something…
The big weather tile should be .weather{background-color: green}.
The Nest should use the leading terms of .thermostatCool and .thermostatHeat and the operational state.
This method was posted earlier in this thread, and I will try to credit later.
/change Nest tile color for idle/heat/cool/
/.thermostatCool.tile[data-operating-state=‘idle’] {background-color: green;}/
/.thermostatHeat.tile[data-operating-state=‘idle’] {background-color: green;}/
.thermostatCool.tile[data-operating-state=‘cooling’] {background-color: #99ccff;}
/.thermostatHeat.tile[data-operating-state=‘cooling’] {background-color: blue;}/
/.thermostatCool.tile[data-operating-state=‘heating’] {background-color: red;}/
.thermostatHeat.tile[data-operating-state=‘heating’] {background-color: #ff6666;}
My variation of the above only changes the active unit of Cooling/Heating. The idle state can be used as the thermostats base color.
You can also use the device-data ID for the thermostat:
.tile[data-device=[‘your-device-ID’] {background-color: #dfdfdf;} /* Thermostat */
I think .thermostat{background-color: green} should work too.
Thanks DarcRanger, I have that code from an earlier post and it works well, where I’m stuck is trying to make color decisions based on the temperature each of those tiles are reporting. For example, if it’s chilly outside, I want to color the big weather tile text blue.
If you are talking about coloring the temperature listed on the weather tile, I have not figured out how to do that yet, and I have was recently trying again to figure it out looking at webpage source code. The temperature on that tile is not structured the same way as the temperature tiles.
One work around I use is to create a temperature tile base on the weather tile. The weather tile should be selectable under the temperature tile in the SmartTiles app.
You are missing the semicolons from each line. I’m not sure how important it is since it seems to work. I did read somewhere that they are required so maybe under certain conditions they would cause a failure?
Try this code and see if it works on one line. I’m guessing this from the format of other code snippets I have seen that breaks the information onto multiple lines between the open braces. I’m not sure if there are limitations to when you can combine and I can’t test here because I don’t have a power device:
.power.inactive {background-color:#ffa500}
.power[data-value='0W'] {background-color:#3b384a; .fa color: #3b384a; .icon color: #3b384a; .title color: #3b384a; .title2 color: #3b384a; .spinner color: #3b384a;}
BTW, what does .fa change, and what does .spinner change?


