+4
Discuss

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

Terry (ActionTiles) (Co-Founder) 2 months ago in Colors Icons Fonts Themes ‚ÄĘ updated by Moe 4 days ago ‚ÄĘ 62

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.

+2

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

+2

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

+5

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?

+2

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!

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. 

+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

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!

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.

+1

Loving the themes.

Home Screen:

+2

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. 


+2

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?
+3

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.  

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

And two more from the fridge.  

+1


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.

+1

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