How to add slide button in an attribute

apurba · June 9, 2023, 5:03am

Team,
How i create a Boolean attribute with onoff button slider , like below

any help appriciate.

Thanks

martin.peeters · June 9, 2023, 8:47am

Can you describe what you’re asking for?

On the asset page it automatically selects the correct UI for each attribute type.
A boolean becomes a switch, text becomes an input field, etc.

apurba · June 9, 2023, 9:04am

Hi,
actually i try to add an attribute with boolean value and want slider button but when i try it slider button not appear , it gives me checkbox buuton .

i want like below image

what i get

Thanks

Denis · June 9, 2023, 9:07am

You can add a Valueformat to the attribute:

github.com

openremote/openremote/blob/91f06d5d03f45f104f370a24e1d38843692ee95a/model/src/main/java/org/openremote/model/value/ValueFormat.java#L111


      
          protected StyleRepresentation month;
          protected StyleRepresentation week;
          protected StyleRepresentation day;
          protected StyleRepresentation hour;
          protected StyleRepresentation minute;
          protected StyleRepresentation second;
          protected Integer fractionalSecondDigits;
          protected StyleRepresentation timeZoneName;
          protected String momentJsFormat;
          
          
/* BOOLEAN FORMATS */
          protected Boolean asNumber;
          protected Boolean asOnOff;
          protected Boolean asPressedReleased;
          protected Boolean asOpenClosed;
          protected Boolean asMomentary;
          
          
/* TEXT FORMATS */
          protected Boolean multiline;
          
          
public Boolean getUseGrouping() {

o for example:

{
  "asOnOff": true
}

apurba · June 9, 2023, 9:31am

Thanks @Denis i will try it.