Перейти на русскую версию сайта

Create your own visualization

In SLS gateway you can create your own visualizations. To do this, through the menu Actions-> Script, you need to create the ui.html file. It will be available when accessing / ui. To control devices, you can use the built-in http_api.

The following example displays the temperature value from the sensor.

<script src=""></script>
<div id="lbl_temp"></div>

 .then((response) => {
   return response.json();
  .then((data) => {
    document.getElementById("lbl_temp").innerHTML = '<i class="fa fa-thermometer-full" aria-hidden="true"></i> ' + data;

Example dashboard using Bootstrap4:


Example dashboard using Bootstrap4:


Example dashboard using Bootstrap3:

[download] (