[RELEASE] Tile Builder - Build Beautiful Dashboards

For Tile Builder Advanced users I will draw your attention to the my recently published Zigbee Monitor Driver which you can read about here.

It was built in such a way that allows Multi-Attribute Monitor to present the data in the familiar tabular form despite the fact the 2nd column contains two pieces of data and has a one to many relationship.

This is a view of a single repeater:

In my case I'm running the driver on all my repeaters as it supports dedicated repeaters or simple switches so I can see my whole network at once.

To get started make sure you have the newest version of Tile Builder Advanced - Multi Attribute Monitor (V1.2.1 - 11/3/23). Everything works the same way, but to get the comma separated fields to format using the Horizontal rule you must select "Replace Chars" in the Rules field and it will format correctly. The formatting characters can be changed under Highlights-Show\Replace Chars.

If you like this style you can import it like this:
Go to the Style Tab
Click on Show Import\Export
Copy this string to where it says Paste Basic Settings Here!
[#A00#:Zigbee Repeater Map @ %time%[br][i]LQI - Repeater (*Parent), #B00#:Siblings, #bc#:#000000, #bfs#:18, #bm#:Collapse, #bo#:1, #bp#:0, #br#:0, #bs#:Solid, #bw#:2, #comment#:?, #customHeight#:190, #customWidth#:200, #fa#:Center, #fbc#:#bbbbbb, #fc#:#000000, #fs#:60, #ft#:%time%, #hbc#:#c0504d, #hbo#:1, #hc1#:#008000, #hc10#:#F00, #hc2#:#CA6F1E, #hc3#:#0F0, #hc4#:#00F, #hc5#:#F00, #hc6#:#008000, #hc7#:#CA6F1E, #hc8#:#0F0, #hc9#:#00F, #hp#:0, #hta#:Center, #htc#:#000000, #hto#:1, #hts#:100, #hts1#:100, #hts10#:100, #hts2#:100, #hts3#:100, #hts4#:100, #hts5#:100, #hts6#:100, #hts7#:100, #hts8#:100, #hts9#:100, #iFrameColor#:#bbbbbb, #id#:qq, #isAlternateRows#:true, #isBorder#:true, #isComment#:false, #isCustomSize#:false, #isFooter#:false, #isFrame#:false, #isHeaders#:true, #isOverrides#:true, #isTitle#:false, #isTitleShadow#:false, #k1#:,, #k2#:?, #k3#:?, #k4#:?, #k5#:?, #ktr1#:[hr], #ktr2#:?, #ktr3#:?, #ktr4#:?, #ktr5#:?, #myKeywordCount#:0, #myThresholdCount#:0, #rabc#:#f2dcdb, #ratc#:#000000, #rbc#:#f2dcdb, #rbo#:0.3, #rp#:3, #rta#:Left, #rtc#:#000000, #rto#:1, #rts#:75, #shblur#:5, #shcolor#:#000000, #shhor#:0, #shver#:0, #ta#:Center, #tbc#:#c89393, #tbo#:1, #tc#:#000000, #tcv1#:70, #tcv2#:70, #tcv3#:70, #tcv4#:70, #tcv5#:70, #tff#:Comic Sans MS, #th#:Auto, #titleShadow#:, #to#:1, #top1#:0, #top2#:0, #top3#:0, #top4#:0, #top5#:0, #tp#:3, #ts#:125, #tt#:My Title, #ttr1#:?, #ttr2#:?, #ttr3#:?, #ttr4#:?, #ttr5#:?, #tw#:100]
Copy this string to where it says Paste Overrides Here!
#class1#=td:nth-child(1) {text-align:center} |
#class2#=td:nth-child(2) {padding-left:10px !important;padding-right:10px !important} |
#class3#=hr{border-color:#c0504d;border-style:dashed}
It should look like this:


Click on the green button Import Style.
If you like the style you can save it and apply it again in future.

There will be a few more posts on this topic I'm sure, but some will be under the Zigbee Monitor Driver topic. If they are exclusively to do with Zigbee I won't cross post, but if they relate heavily to Tile Builder then I probably will.

Let me know how it goes.