Announcing Super Tiles!

@josh - Two other questions relative to Super Tiles. One, is there a maximum number of things that should be included on a Super Tile or in combination of multiple Super Tiles on one page? I have noticed delays in performance in loading the pages on Fire Tablets, even current generation. When you mentioned about each icon being like a mini app, I assume that is the case with the things on each Super Tile and was curious if I might be exceeding the recommended use per page. Second question, on some of my dashboards, I have Super Tiles in the top right corner of the screen. When the green Executed Macro box pops up on the screen, it stays hovering over the Super Tile. Not sure if you have ever seen this before or not.

There’s not really a hard-and-fast rule. As you alluded to, the more items you add to a Super Tile (or to a dashboard as a whole), the more there is to render. On a modern PC the difference is likely not noticeable at all but on some mobile devices you might start feeling it.

For Fire Tablets, I would make sure you’re updated to the latest Fire OS version and the latest Fire OS-specific version of Full Kiosk (if you use it). There’s some nice performance improvements in the newer OS versions.

No, I have not seen that before and I wasn’t able to reproduce with some brief testing. If you can consistently reproduce it, feel free to send a note to support@sharptools.io so we can investigate with you. :slight_smile:


@josh These are still there after 15 min.

Hi,
Can’t find how to make a glow icon in Super tiles. Is that possible ?
It looks great and I was able to make the icon animate :slight_smile:

1 Like

Hi my friend, you can handle display with CSS commands, assign a style to your Super Tile in the theme of your dashboard and add CSS command:

.tile.–theme-style-YOURSTYLENAME .icon { color: #adff2f !important; }


This is for glow green for example.

Post Data: If you want to try a glow light effect. play with the CSS box-shadow effect.

2 Likes

See this post from further up in the thread:

You could probably use Custom CSS as Carlos alluded to though.

2 Likes

When the green Executed Macro box pops up on the screen, it stays hovering over the Super Tile. Not sure if you have ever seen this before or not.

Hi Barry, just wanted to mention I have had this happen a couple of times but quite rarely. I just refreshed the dashboard and it went away. Since I’ve only seen it 2 or 3 times total I wasn’t really worried about it, but it’s not just you.

I did some more testing and I’m still unable reproduce the ‘Executed Macro’ message getting stuck. If either of you have steps on how to reproduce, I’m all ears.

When the message is stuck, can you drag/swipe it away like a normal toast message? If it happens and you’re on a PC/Mac, I have some diagnostics you could try - send a note to support@sharptools.io and I’d be happy to share. :slight_smile:

Looks great but I want to use that in Super Tile only. I created another theme . But, I was not able to assign a specific theme to a tile. Is that possible ?

Themes are assigned at the dashboard level whereas Styles (within a theme) are assigned at the tile level.

The snippet @Carlos_Juarez shared appears to be using named styles. You can create a style in your theme and then use the special naming that Carlos mentioned to apply custom CSS to that style: How to move text / labels in tiles with CSS - #2 by James

Didn’t worked for me…
tile.–theme-style-SuperTileStyle .icon { color: #adff2f !important; }
I used SuperTileStyle for switch ON , the tile become blue as designed , but icon remain white not green as in CSS command. Am I doing something wrong ?

Make sure it’s all lowercase and using a double dash as noted in the linked thread:

Great Josh, That did the trick !!!
How to make it the same as in switch tile meaning Glow and yellow ?

You could probably use a snippet similar to the one @smart_tomlinson shared.

So based on what you have so far, that would likely be:

.tile.--theme-style-supertilestyle .icon { 
    -webkit-filter: drop-shadow(0 0 3px #ff0)drop-shadow(0 0 10px #ff0)drop-shadow(0 0 20px #ff0);
    filter: drop-shadow(0 0 3px yellow)drop-shadow(0 0 10px yellow)drop-shadow(0 0 20px yellow);
}

Please note that any custom CSS snippets provided are not officially supported and may need to be adjusted with future app updates.

2 Likes

Another Great @josh
WORKS GREAT !! :star_struck: :star_struck:
The CSS is the longest I have !! I have no clue what he did there but it works !!!

2 Likes

Is there a way to get the ST weather tile icons into a supertile?

When I select the weathericon from thing it displays a number.
When I select the weathericon from icons I have to set the icon based on the number but sharptools doesn’t have corresponding weather icons for all the values (like partly cloudy).

A post was split to a new topic: Combining Super Tiles Help

Hey everyone! We just posted a thread for Showing off your Super Tiles!

If you’ve put together a Super Tile or are even still just drafting one, we’d love to see it! We love seeing community members inspiring each other, so please post your creations in the following thread:

1 Like

I have a Super Tile with 35 layers. It works fine. In fact I want to use the functionality of one of the layers in another Super Tile.

What I’ve run into is a memory problem. My memory! I can’t remember what kind of tile this layer is. All I know is:

Is there a way to determine what tile this is?

Ideally it would be nice to have a list of the contents of a Super TIle.

1 Like

Are you asking what type of ‘item’ it was that was added to the Super Tile?

When you edit the individual item as shown in your screenshot, there’s three identifiers you’ll see at the top:

  1. Thing Name or Variable Name
  2. Attribute Name (optional, thing only)
  3. Item Type

image

From your screenshots, we can gather the following:

  1. Item Type: Thing Value
  2. Thing Name: Front Door Lock-Unlock
  3. Attribute: released

If you want to create that same item again, when you go through the Add Item picker within the Super Tile editor, you would pick the first item, Things, then select your desired thing and desired attribute.

I would also note that you can copy and paste items between Super Tiles (when editing from a device that has a physical keyboard attached). While in the Super Tile editor, you can tap an item to select it, then use your normal Ctrl+C, Ctrl+V (or on Mac Cmd+C, Cmd+V) to copy and paste it.

Other keyboard shortcuts are noted in the Super Tiles Help Article.