Alpha Numeric Display Widget

[enterprised]

It is time to admit defeat and ask for help from a talented widget creator.

I have a need for an alpha numeric display style widget (see attached picture) with the following functionality:
 - Slider to switch program/function On or Off
 - Slider to select option 1/option 2 (1 of the 2 options always active)
 - Slider to select option 3/option 4 (1 of the 2 options always active)
 - 1 x 30 character display line - small text
 - 4 x 20 character display line - large text
 - each of the 5 display lines separately assigned by program parameter

Anybody willing to help?

[snagytx]

you just need the JS and HTML code for the widget?

[enterprised]

Correct.
I just need the widget code so I can use it into some other code I've been writing (Sprinkler App).

I manage to get by withthe C#, but html and JS is alien to me. Realy need to learn this one day.

[snagytx]

does this satisfy your taste ? 

Or you want the text to be boxed/colored as in your picture? I'm not using any coloring - everything comes from theme

[snagytx]

See attached the html/js code.

The JS code would need to be updated a but and replace:

WS_CALL12, WS_CALL34, WS_CALLONOFF with the right API calls - they will sent 1/2 for option1 or option2, 3/4 for option 3/4 and 0/1 for off/on.

Also replace:

PROPERTY1, PROPERTY2, PROPERTY3, PROPERTY4, PROPERTY5 for the properties that the code will be waiting for to fill in the text for lines 1-5.

not sure how to take advantage of it, never used it from a Application but something similar to this works fine for another widget that I built for a DoorLock Widget - but that one uses z-wave

[enterprised]

That is fantastic.
Thanks for your help, will integrate this into the sprinkler app soon.