Custom value 1 bit

[Domoticatorino]

Hi there,
I would like to customize the visu of 1 bit object (0 = Auto ; 1 = manual). But in Touch Visualisation (smartphone) I can choose visualisation in checkbox or toggle.

I would like show and manage manual or auto written.

What do you suggest please?

Thanks.

[admin]

There's no direct way of doing this but it can be done with some custom JS and CSS.

This example uses custom additional class and 32/1/1 group address, change in both JS and CSS as needed.

JS:

Code:

$(function() {
  if (typeof grp === 'object') {
    grp.listen('32/1/1', function(obj) {
      setTimeout(function() {
        $('.custom .btn').text(obj.value ? 'Manual' : 'Auto');
      }, 1);
    });
  }
});

CSS:

Code:

.touch .custom .btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[Domoticatorino]

Thank you Daniel,
only to be sure.

The modify about JS is done in additional classes field of the icon of 32/1/1.

Instead modify of CSS is done is Custom CSS of vis.graphic tab. Is it?

If so it does not work.

Thanks.

[Daniel]

JS is under Scripting ->Tools -> Custom Java Script

PS

Code:

Admin ~=Daniel.

[Domoticatorino]

            Hi Daniel,
please find enclosed what I did.

What's wrong?

Thanks.

[Daniel]

To see any result you have to open end visualization not editor and Add additional class 'custom' to the button on visu

[Domoticatorino]

To see any result you have to open end visualization not editor.

I did it. Find enclosed the result.

Thanks.

[Daniel]

Additional class 'custom' is missing

[Domoticatorino]

Additional class 'custom' is missing

Ok, I have to add there the same instruction I did in JS script.


$(function() {
  if (typeof grp === 'object') {
    grp.listen('32/1/1', function(obj) {
      setTimeout(function() {
        $('.custom .btn').text(obj.value ? 'Manual' : 'Auto');
      }, 1);
    });
  }
});

I did it without success.

Thanks.

[Daniel]

In the Visu editor

[admin]

Note that this will only work in Touch visualization, not in the editor.

[Domoticatorino]

ooooooooooooook!! Thanks.

Everything is clear now. Custom is the name given to the btn.

Now I have created different name so I can link the any object I want.

I thank you very much for your support.

Regards.

[admin]

No problem, keep in mind that you need different additional class for each group addresses if you have several buttons like this.