+4
Discuss

Show me your Panels! - Gallery 3 (enhanced Themes)

Terry (ActionTiles) (Co-Founder) 4 months ago in Colors Icons Fonts Themes ‚ÄĘ updated by Shay 22 minutes ago ‚ÄĘ 98

Continuing from very popular first 2 Galleries of Panels:

  1. https://support.actiontiles.com/communities/12/topics/1433-show-me-your-panels-gallery-1
  2. https://support.actiontiles.com/communities/12/topics/4847-show-me-your-panels-gallery-2

Here's a place for Customers to share your Panels and related stories. This content may be copied to other sharing services like Facebook, Instagram, Pinterest, etc..

NB: Inquiries about the techniques used to create the particular Panels, frames, etc., may be spun off by the Moderator into new Topics or Help Desk tickets to avoid too much threading here.

More details (Release Notes) about ActionTiles v6.10.0 (enhanced Theme Builder) are at:  

https://support.actiontiles.com/communities/12/topics/7072-release-v6100-enhanced-theme-builder-backgrounds-transparency-gradients-minor-touches-fixes

The biggest changes and new Features of this Release are the enhancements made to Theme Builder (and thus, much more powerful customization of Panel Appearance). On a related note, Tiles also have new Animations and Effects options!

I've pasted a snapshot at the end of this Post showing off some of the new Theme Builder.

Be creative - Go Wild!

We have had many Customer requests to allow Panels to be more vibrant, cool, textured, and fabulous. The new options in Theme Builder make this possible. You can use Google to find "wallpaper" library websites - many of which allow hot-linking of the images as a Panel Background Image. Tweak the opacity/transparency value of the Tile Background Color (for each Tile Intention) using the Color Picker, to decide how much of the beautify background to show through. And/or you can strategically use more Blank Tiles as windows to parts of the background, such as the blossoms on a tree branch, or the moons in a fantasy solar system...

Share your Creations, please; as Comments:

Help inspire Customers to dive into the Enhanced Theme Builder. Let us know what wallpaper gallery websites you find attractive. Many of the images on such websites are completely free of restrictions for personal use.


Thousand thanks, everyone. Looking forward to seeing your Panels with just¬†simple bits of flair as well as a few which will surely be¬†incredible works of art. - No pressure!¬†ūüėČ



Please note: Per ActionTiles's Terms of Service, any or all images shared here may be used by ActionTiles for any purpose, including advertising and/or embedding in the app and/or our websites, social media, etc.. You are granting ActionTiles a perpetual royalty free unrestricted license to use the content you share in any way we see fit.


Thanks and ... have fun!

...Terry (& Alex)



+4

Entry Fire Tablet

-all the lights glow/fade, fan spins, AlarmTriggered blinks, motion vibrates, FeedPets/RefrDoor/Gate pulse

-background image with mostly transparent, tiles subtle transparent and gradient

Panel for testing 

-same background image as above with different background color and transparency

Kevin1, what are you using for your sump pump data?

That was an experiment. I think the data is actually just from a multi-purpose sensor. I logged the data to google sheets, then created a horizontal bar chart. I want to get something attached to my mom’s sump pump eventually. It wasn’t working well, but I fixed it (for now) so monitoring it hasn’t been priority

Similarly for that arduino tile, I have an esp8266 with several sensors posting the data to webCoRE, then google sheets, then horizontal chart published as image.

+3

Guess it is only fair that I share mine! Currently I prefer any background that adds texture without making some Tiles difficult to read just because they happen to be in front of something light in the picture like the sun or snow. Careful use of gradients, opacity, or choices of text and content colors can help maintain visibility against various light or dark backgrounds. It takes iterative effort to discover the delicate balance between legibility and overall texture / fabulosity!

So... starting simple for now:



Terry -

I am not sure what concerns me more... the rodent trap or the water under the dining room table. lol

+3

The Rodent Trap is Dome Mouser: https://www.domeha.com/z-wave-mouse-trap

The water in dining room is actually puppy pee (tiled floor, so no panic). Delto's favorite spot for accidents. I should switch to a doggy icon ūüź∂.


+3

I was just playing with that when you replied.  I love the backgrounds, It is just a matter of picking the right colors to not get lost in the backgrounds.  

So this I am guessing is a fringe case, but when it scales on my big panel I run on my spare (portrait mode) side monitor. The background did not scale well.  

+1

Since it is portrait, maybe have a different theme for that screen with a background image that is tall (or crop your original to be portrait).

Megan, in general population it's very unusual to have such large panels in portrait mode. We selected smallest reasonable resolution to keep network traffic in check.

In this case you may want to use your own image with appropriate resolution. There are countless internet resources that offer free high resolution images for any taste. For our Stock gallery, we selected a handful of images from https://www.pexels.com

+6

Using Fully kiosk browser app on a tablet with motion detection. Photo frame most of the time but when you pass close by/wave in front of the camera it displays the dashboard. Using random photo of the day as background. Sorry for the Swedish tiles =)


Found nothing wrong apart from my own mistakes =)

Some other things I lacked when setting it up..

Larger than 3 tiles (News to the left)

Custom clickable url on media tiles. (Weather tile links to detailed page)

More tile intentions (for better color grouping)

Thomas, how did you make the background to display a random photo of the day?

+4

I just used a Image url as background with random images. When the page is reloaded it changes the image.

+1

I'm using the Fotoo app. The fully kiosk browser does all the switching between the two.

Hi Tomas,

What is used to create your transparent "news (RSS?)" Media Tile? The ActionTiles "Media Tile Generator" utility is not yet set up to offer opacity level option. As your weather tiles demonstrate, transparency isn't critical; but for a "boring" text Tile, transparency really improves the look.

Thanks,

...Terry.

+1

I use an image created from a webpage. A small scheduled job generates the image and makes it transparent. Works well for static pages like an rss, harder with more dynamic sites.

https://www.npmjs.com/package/siteshooter

How did you get the weather/temp graph in the lower right of your panel?

I think the question, Tomas, is: What is the source or method of generating that "forecast" Media Tile? Not how to place it in the corner (though that is useful info too).

+4

Here is my screenshot, and love the stock backgrounds, add more!

How do you get each Echo to show as a media player with their status please

Why is the elements theme not part of the ActionTiles themes to use as a starting point

+2

Great question, @mcdermott!


Unlike all the other ActionTiles Stock Themes which allow defining the tile Tile Appearance solely on the Tile Intention, the Elements Theme is an unique beast:  It is the only Theme for which each Tile's background color is determined by the type of the Tile (Switches are green, SHM pink, Sensors cyan, orange, pink - depending on specific type of Sensor, Shortcuts are blue, ...).


In other words, Elements doesn't fit the styling model, so it cannot be seamlessly converted to a Custom Theme.

We have a few related Feature Requests. Styling Tiles automatically by type is an attractive option for some customers, so we are keeping the concept in mind. It is a challenge to implement the customization screens for this special characteristic. We also have a Request to set color based on value or value-range.

Thanks for the observation / feedback!

+6

This is my kitchen Fire 10 panel:

Import using Theme Builder / (‚ěē):¬†Fire triangle.theme.at.json

Im in love with this Theme, care to share your settings for this? :)

+2

Thanks, Patrick - I have added exported Theme as JSON file to download and import.

+2

My custom theme so far, a work in progress, but all great, no issues so far

Does Internet Speed just run a speed test?

+2

Good idea, I added fast.com as it has nice clean interface.

+2

That is also what I am using.  My Status page has all of my battery devices but it also has a SmartThings Status.  It is linked to the SmartThings platform status.

What speaker system do you use? How do you link to specific playlists?

+2

I am using 8 Lithonia recessed speaker lights.  The music channels are just links to Amazon playlists and stations.  My tablet is linked to the speakers via Bluetooth.  Once the channel is selected it automatically launches the playlist in Amazon music.  Every station and playlist has a URL associated with it.  So if you share it you can see the link.  Then I create a shortcut and it looks like this. https://music.amazon.com/playlists/B078WDBBWG?do=play

+2

Here's mine.  I'm still not sure about the background choice, but I love the transparency and the tile animation, which I use on the top tiles to designate which panel is active (the icon "nudges").

+1

My first panel, stock with some transparency. It's amazing how you can do so much with so little effort!

+2

I like the look of the "glow effect", on the tiles, but I think it could be even better if you could select a "Glow Color".  

Especially if it could be made to match the current color of color capable devices.  That would be sexy.

What device are you running action tiles on?  When I use my laptop the nest cam works fine but then on the iPad running safari it doesn’t work at all.  Any advice?

+1

1. samsung tab e - using actiontiles app

2. Ipad 2nd gen - using kiosk pro lite app

+1

Emong: Can you please post the JSON (Menu - Export to Clipboard) for this theme? Very nice! 

+2

{

"accent-tile-background-color": "rgba(33, 150, 243, 0.5)",

"accent-tile-content-color": "white",

"accent-tile-footer-color": "white",

"accent-tile-header-color": "white",

"info-tile-background-color": "rgba(51, 51, 51, 0.5)",

"info-tile-border-color": "rgba(255, 255, 255, 1)",

"info-tile-content-color": "white",

"info-tile-footer-color": "white",

"info-tile-header-color": "white",

"normal-tile-background-color": "rgba(51, 51, 51, 0.5)",

"normal-tile-content-color": "white",

"normal-tile-footer-color": "white",

"normal-tile-header-color": "white",

"panel-background-color": "black",

"panel-background-image-stock": "bg201",

"panel-background-image-type": "stock",

"panel-background-image-url": "https://picsum.photos/536/354?random?grayscale&blur=2",

"tile-background-gradient-stock": "rde",

"tile-background-gradient-type": "stock",

"tile-background-image-type": "none",

"tileset-header-color": "rgba(0, 0, 0, 0.63)",

"warn-tile-background-color": "rgba(239, 88, 37, 0.5)",

"warn-tile-content-color": "white",

"warn-tile-footer-color": "white",

"warn-tile-header-color": "white"

}

David D.: How are you getting the effect of changing between screens done?  i see you created them and they are listed at the bottom but how?

I haven't explored all the new features but I've utilized some. Still disappointing that pictures don't fill the screen any more when you click on them. I hope that gets addressed and goes back to how it was. 

+1

Hi Dan,

The media tiles have been fixed to fill the screen. This update has been out for a while. Please let us know if this still doesn't work for you.

+2

Initial Setup after 30 minutes of playing around with it.  Really like the new features!

This is my 7" Fire Tablet...I like how this stock mountain view (we're in CO) has the sun on the thermostat :)

Paul

+1

this looks great.  You went way more transparent than I have expiremented with, and I like the way it turned out.

+2

Currently being shown on an ultrawide monitor above my front door. 

We live in a basement flat in London, hence the focus on weather and TFL cameras as we aren't able to just look out of the window. 

When you tell alexa to 'Turn on The Alarm' the "Alarm Setting" tile flashes red for 1 minute and then SmartThings puts the flat into Alarmed mode, at which point the Smart Home Monitor Tile pulses.

The tile animation are my favourite new feature!

+1
First crack at using the new theme builder features. Huawei T3 MediaPad 10".


Tried to use the same sunset image from my Google Photos as shown in the media tile for the theme background but it would not display.

Lots more tinkering to do.

Dropbox actually offers simpler / more consistent URL Links for self-stored images...

Please reference this KB article: How to use a personal image as a Media Tile? Google Photos or Dropbox

+3

Loving the themes.

Home Screen:

+3

I have ActionTiles running on 5 different tablets around the house, so each one is a bit different. Below are shots of the panel on my refrigerator, which ends up being the most used, along with the main panel in the Living Room. 


+3

Thanks for sharing these great layouts, Doug!


Split Screen view looks super powerful. Is this Android... right?

  • What tablet & browser?
  • What music player App?
  • What camera viewer App?
+5

Thanks Terry!

So the first one is running on a Samsung A2 tablet.  It's an inexpensive $120 tablet that i mounted directly on my fridge.  Ran the power cord through the handle.  This ends up being the most used panel in the house. 

Yes, split screen on Android.  I've written many customization scripts on Tasker on the back end to tie everything together.  Everything is also fully voice-automated through Alexa and Google Home.  All of the media sources (Netflix, Hulu, YouTube, etc. stream to any TV in the house using Chromecast. 

The music player is Spotify, but again I have a bunch of Tasker scripts and back-end scripts running on a separate mini PC that actually streams the music to all of the different speakers in the house.  That's all automated through SmartThings using triggerCMD for the most part.  

I use Chrome on the Android for the browser.  

I use IPCamViewer as the app for external cameras.  It is ridiculously functional and will take a stream from just about any video source you can imagine. 

Here's a variation of the configuration running on my laptop.  

Happy to share any specific details or the back-end coding.  I've been customizing this stuff for a good 2 years now and I am continually adding new features.  

+1

Here are the panels that run on an iPad mounted on the wall in the living room. 

And two more from the fridge.  

+3


Here are som pics of my setup on an Fire10 with Fully Kiosk and motion detection.
1. Start page

2. Lights/modes
3. Information/webcam

4. Security

5. Media

1.

2.

3.

4.

5.

+2

My wife is a fan of I love Lucy so I made her this animated background

+2

The following image is the PC ActionTiles we use during the day at work. This allows us to monitor our house without the need of a smartphone. The bell icon glows red and bounces if a intrusion is detected during away mode. The mail icon will glow red and bounce if the mailbox retrieved mail during the day. We also have ActionTiles setup on an iPad mounted in the foyer running a very similar setup.

Hi Shane,


This is wonderful! would you mind Exporting and Sharing your Theme?


Posting the JSON output plain text: (Menu - Export to Clipboard)


Thanks :-)

+1

Works in progress on the sensors panel. Family room panel would normally be on a 7‚ÄĚ tab. The two Halloween themed panels are for my kids‚Äô rooms per request. After we finished they asked for Harry Potter themed so we will work on those idk maybe in October. The warn panels are animated¬†orange on two panels and red on others.


+1

This is my office panel...Tory Burch fan. I made a mirror prototype displaying a panel and family photos on the screensaver. It’s alexa enabled for voice control but didn’t want to invest in making it touch. I am planning to invest in a better mirror as this one has a fun house effect. Will use this one for a Halloween infinity mirror. It’s hard to photo but looks better in person.


+1

Great share, Shay!

Excellent use of Blank space on the first, wallpapered, Panel. We appreciate seeing examples of where static positioning of Tiles is more important than wrap-around and scrolling.

It’s been inspiring to see what everyone else has done and gather ideas. These three galleries have been a great resource. Thank you.

+2

Just recently got started with ActionTiles and my panels are pretty simple.

First up is the Kitchen/Family Room panel.  It is running on an old Android tablet via the Fully Kiosk Browser.  Just have three lights in this area, but I find some of my family will walk past multiple light switches just to go over and touch the buttons on the tablet to turn on the same lights they walked past multiple switches for.  They also use it to click on the Office panel and turn on lights in my office.


I work from home, so the main panel I use is the Office panel.  I have multiple lights and fans that I can turn on/off and I have tiles that show me activity in the garage.

Looking forward to trying to implement some of the ideas I am seeing here that others have implemented. 

+1

And these are some of my panels. Still haven't found a background I'm quite happy with yet, mostly because they end up making the tiles harder to read. I'm trying to do something with brushed aluminum. If someone has experimented with that, I'd love to see what you've done.


Anyway this is my current master panel, which breaks out into smaller, specialized panels on the right. The smaller panels are deliberately kept at 3 tiles wide as I'm using some old smartphones without SIM cards but Wifi connected as "mini panels around the house"


Irrigation panel:

+2

I was trying achieve something similar to the brushed aluminum look, I found a marble look ended looking better, this is what I ended up with

How do you get "<Person> present" or "<Person> not present" tiles?  If there is a page I haven't found here in the community that tells me how to do it, I would love to learn more.

+1

It is just a presence sensor:

In my case it's a simulated presence sensor, so either key or mobile presence will mark is a present via a WebCore piston.

+1

You will need presence sensors in your SmartThings devices.  There are several ways to do this...

-your phone, geo-location via SmartThings app (add device, sensor, presence)

-physical presence devices like arrival sensor

-other apps (Life360, WebCoRE)

Very nice, Max! What are you using for the weather tile?

Thanks for these Max!

I love a lot of those animations, shame I can't find one for London, UK. 

But the Google Maps traffic image was a 'mind blown' moment! - Worked out how to get google to generate the image for my area then copied the link onto my dashboard. - So thanks for that heads up! 

Glad to help - It looks like Accuweather is US only, at least as far as the weather radars are concerned, yet I'd be surprised if there's isn't something similar available in Ol' Blighty :-)

Very nice! How did you get the URL for the traffic Google Map?

+1

If you google "chicago traffic" for example, it will return traffic map at top of page.  Right click the map, "copy image address" and paste that into ActionTiles media tile.

+1

> Still haven't found a background I'm quite happy with yet, mostly 

> because they end up making the tiles harder to read

@MaxR - Play with the transparency of the background and the tiles.  You can brighten/darken the image to make it less distracting.  Then for the tiles, adjust the transparency so just a small amount of the background comes through.

Curious, what is your process to get the temperature and humidity charts at the bottom of your master panel.

Hi Derek, I'm using the SimpleEventLogger SmartApp, as described in this new detailed Topic:  https://support.actiontiles.com/communities/12/topics/7519-simple-event-logger-graphs-for-media-tile-images

/Max

+2

Well, after the last update I said good bye to Dakboard and went all in with Actiontiles. Nice work, guys, looking forward to future updates... 

Bob Kerr,


How did you get just the time and temp to show?  ... In the upper corners, with no Labels (header / footer).

+2

I set the header and footer of the info tile to transparent 

+1

Oh....  that opens up more possibilities....

+1

Here's what I'm working on.  This panel is all about what you DON'T see, I have the "normal" skinned to be 100% transparent...but Accent is "on with white icon" and Warn has a red border.   Some icons I have animated for one of those two statuses.

  • Along the top is information
  • The bottom is navigation to other panels (i use the same bottom row on all my panels!)
  • In the middle....there a lot of tile there!¬†¬†¬†
    • Along the left is presence icons (my daughter isnt home right now)
    • Upstairs means the up stairs motion sensor is active (there's another in the basement and outside, but you cant see them cause there's no motion)
    • Also hidden are:
      • CO2 Sensor
      • Smoke Detector
      • Sprinkler
      • Garage Door Sensor¬† (open is animated and glowing)
      • Front Door Deadbolt
      • Samsung Oven on/off
      • Outside Holiday Lights on/off
      • a few others

My only struggle to make it perfect is that I want to fix the top bar to be "all tiles" or "all transparent", but I cannot because the info tiles are tied to the panel launchers, and the EcoBee is "accent" by default.   (this is why I made a recent request that panel launchers should have their own style.

Also trying to figure out a way to make this main panel show my front door camera...only when there's motion.

Are you on Android and are you familiar with Tasker?  If so I am happy to share a script I wrote that will do exactly what you want in terms of showing the camera when there's motion.  Here's a screenshot from mine where you'll note on the top it says "MONITORING FRONT ENTRANCE"  That's actually a voice command through Alexa or Google Home that turns that on, but whenever there is motion detected outside it then switches to the second screen and displays the outdoor cameras. 

It also does the same thing for my front door camera.  Whenever motion is detected there, it switches to that camera. 

+1

That's cool!   I have a Fire HD8 that is rooted....should probably work on that.

I have no "hot mic's" in my house thought for Alexa or Google.  It's not dependant on that is it?

+1

that sounds great.  It also sounds like it would cripple my old Nexus tablets that are running AT.  but yes, please share, so I can refer back whenever I finally get new hardware :).  


Its probably worth starting a new thread, so it would be easier for folks to find.

+2

Kinda basic setup, wish I was more tech savvy. Love seeing everyone's creativity