Help with Getting temp and humidity showing on dashboard

[user5730]

I am new to this and I have read through the posts on the Tile Template Generator app and have installed along with Tile Template Device Manager but I must be missing something.
I saved the template as RoomSensor but when I try to add tile the RoomSensor template does not appear. what am I doing wrong?

[velvetfoot]

I know you want to be fancy, but if you don't, I have this on my dashboard. Just use two tiles.

[thebearmay]

@user5730

saved the template as RoomSensor

Check your File Manager to see if the name is saved differently - camel case is the usual default which might make it roomSensor

[user5730]

File Manager shows it as roomSensor Is there something I need to do to have it appear in the template list?

[thebearmay]

It should find it if it’s in File Manager - drop down list should be in alphbetical order.

[user5730]

Showing in File manager
not showing as a selectable template

[thebearmay]

Need to go to the Tile Template Device Manager app and set it up there. then use the attribute template to display the resultant htmlx attribute from the HTML Tile Device that it creates.

[BETA]Tile Template Device Manager

Based on some changes I recently made to the Hub Information Driver, I decided to pull out the template processing portion into its own app. The Tile Template Device Manager app will allow you to generate HTML attributes for use on the dashboard for multiple devices based on templates stored on the hub. Available via HPM or you can import the app from: https://raw.githubusercontent.com/thebearmay/hubitat/main/tileTemplate/ttDevMgr.groovy and the required device driver at: https://raw.gith…

[user5730]

Sorry for all the newbie questions. I am definitley missing something.
step 1 I used tile template generator for roomsensor.

step 2 used tile Template Device manager to assign device to new template

Not sure what to do next?

[thebearmay]

Almost there. The app will have created an HTML Tile Device and it will have an htmlx attribute for the dashboard.

[user5730]

Looks like I might have got it. now I just need to know how to make it look good

[thebearmay]

That would be @sburke781 ’s speciality…

[sburke781]

Depends what you mean by look good...

If you want to adjust the look of the Tile in general, you can:

• Custom CSS - You can write some CSS in the Advanced section of the Dashboard options. There are plenty of examples on the Noob's CSS topic linked below. Complexity here is high, depending on what you want to do, so this may not be the best option if you are not familiar with CSS or HTML in general.
• Smartly - Some prior Community members developed a great set of full dashboard styling, including adjustments for each tile. Look around for some examples and if you want to go down this path I can find you a link
• My Simple CSS Editor - Along the lines of option 1, I have developed an editor you can add to your dashboard to allow you to adjust the look of a tile without needing to know the CSS code required. Check out the link below.

In each of the options above it may be difficult (though not impossible) to adjust the HTML output from the Tile Template. You will need to look at the styling options within the Tile Template App / device. I'll try and take a look myself to see what I can do.

@thebearmay - I appear to have not responded to his request on the Tile Template topic, sorry, I must have missed it, even though I liked the post... I'll try and take another look later today.

The Noob's (in)complete guide to CSS for Hubitat

DISCLAIMER: I'm no web designer and my knowledge of and interest in CSS is pretty low. Everything I've put together in this post is through searching, inferring and experimenting and if there are omissions, mistakes or things that can be done better (which there will be plenty of I'm sure) I'd be happy to be corrected. Everything here is basic 101 stuff for people versed in html/CSS but probably might as well be Greek to everyone else. I won't have time to put everything down initially so will…

[RELEASE] Simple CSS Editor

The Simple CSS Editor is now released, allowing easy access to common Dashboard styling options without any CSS knowledge required. Find it on Hubitat Package Manager (HPM) under the convenience tag. Why Would I Use Simple CSS Editor? Many people, after having used HE's built-in dashboards, want to take the next step in polishing their new creation, making it a showpiece in their home. Three common barriers to this are: Easy access to basic formatting options for dashboards and tiles A lac…

[thebearmay]

No worries, just know that your CSS skills are superior to mine. As far as the HTML, the template produced is a text file and can be editted to add CSS, etc.

[sburke781]

@thebearmay

As far as the HTML, the template produced is a text file and can be editted to add CSS, etc.

The ability to edit it at the point when you preview it would be nice...