Skip to content
the-maux edited this page Jan 14, 2021 · 1 revision

Custom tile Description

The purpose of the custom tile is to let you add your custom tile
You can add your html code (with css/js if you need it)
Add your code in the data.text or juste replace the code in the sensors exemple

Tip: there is an iframe tile, sometime it's easier to use it :)

Exemple data of custom tile dumped in cache

{
  "id": "custom_ex  ",
  "tile_template": "custom",
  "data": {
    "text": '
    <div class="contener" id="mycontener">
         <div class="card">
             <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS0MrhIzjan2GfDeqNVqyIDjBXqP7J7GwDJxd_OKwp91Lj4JS4t">
             <div class="container">
                  <h4><b>Mister cat</b></h4>
                  <p>Look in my eyes darling</p>
             </div>
        </div> 
    </div>
    <style>
    #mycontener {
        display: flex;
        justify-content: center;     
    }
    </style>'
  },
} 

Sensors exemple to see how to update automaticaly: here

Exemple Custom Tile

🚧 W.I.P ⚠️

Overview

Usage

Development

Clone this wiki locally