Missing Widgets?

  • Is there a a Value Edit control (it'd be nice if I could also set it to display Note Values, C4,C#4,D4 etc.) and a Text Entry anywhere ? - I cant seem to find them

  • No, I was thinking the same thing 🙂 One is used by HISE in the sample auto-mapper so it exists! but is not available to us - you could probably make a custom one with a panel

  • The Label widget provides the Text Entry functionality. However the Value Edit control is indeed missing, but you can create something like this using Javascript (on the other hand, the combobox provides a related functionality so maybe this does already what you need).

    Edit: Just read the post from David. The value setters in the sample map editor are specific widgets with custom logic for handling the limits for those values. Extracting them is not trivial so I think the custom route is the way to go here.

  • Yeah, hmm... Value Edits scroll their values in a defined range on mouse-down + move. They can also (optionally) display Note numbers based on some actual numeric value they contain. So value range and display type both look like attributes of the widget to me - the behaviour (increment/decrement on mouse down + move) combined with direct data entry seems also to be something non-trivial and something its not too clean to build in Javascript and then have to "man-handle" through the editor...

    So I * really* think they are a good idea as there are very very few (and very simple) UI's I've built over the last 10 years in Kontakt that didnt use these - so we are all going to need them.
    Sorry forgot they also have up/down arrows to more succinctly change values- again more javascript....

  • I've made a value setter widget using a panel and a label. Not sure if anyone else has already done this (forum search didn't provide a result). The panel holds the value (limited by the min/max of the panel). The label displays the value and can also be used to enter a value via the keyboard, regex is used to make sure only numbers are entered.

    Peek 2019-01-16 18-33.gif

    This demo is a little crude and I'll probably polish it before I add it to my UI library but it's here for anyone to use and modify however they wish.

    HiseSnippet 1326.3ocsW0vZabCF9NmbkFuEnE1O.gYTtaKwwN8q00kU23jTLaIwT2ksw1nnbmrsHxRl6jcrIDX+a1eu8OX688z8oiSZ7fIvFjz6GO586qanxmEEoBsr23CyGyrr+bmdyk5gsGR4RqNGXY+YNSohIrCC3Zq8mOlFEwBrrsW6cHA1artU75uey9TAU5yxOxx5LE2m8i7Q.mYm1s0OvEhinArOvGUf5m0piuR1VITS.vrlSCqwT+KnCXmPQxp3XY+.DCpvdZplEAzruJXdugpKkF5OiGwOWvvMMs5ABxbrU6gbQP2zGZjkk85cye1qYd1egyw7.d144O+GEeAImih1.6Jkgz5kfTyaCRGoDAn.tE3YW.dqaf2ic54GxGqyuw3Z5H0rv9TvrWDVFZsp7WOvosBnPpqOhdA6nPXSFGtunQisHOuQCuWuY0MqBF+HMYJMjHNWzioApH6QRYe.S2VMZrRBabqkQQMj2rc0iPpj5PknMUHNG7etYW1d+E0yX4mROYTDqmrc0CnZZcA8bl.XMSCulryNcAa.wbiVQFSkLApzbVAH1Ebs52qln4Rla+IReMWIcG3c0lUIvx7+f58gvz2JDtMlczQOMdgfnHEwOWLdMlFyJklEkzGB4T4.Ay82ZBV8cgeMi+8GaQNlpGVWqdOM.HIxc2W1vKUJKxqdHOBsQ+LOPOz0a6c+Dx5UnnpdswxWxHbrZRDKyKkYEXSACeYKAuOwbbceA2+BVfm47qJ+LwE5UmBtjwzvHFDnkv2LxNjEPN4qH65gNr1CY9Wf5Pv5qIpPRHevPMIhGvHI5aQCJt1YmNRej7CX9j35SEPAYu8HMIuwnS3sdFduaJBL6795ldju8tIY6l2zaZTdbMMidyhyHi3xcFQmkSWYgG6ZBAG4MzyVYVG2ZfPpU9.5rZddKGHwTkmLf5xsllMSWKWBI5.L1DRLiWi+kFS.Ok3jE+jHgMqxkBHufjFQPJj.65aRt2x7xg3fqxfiPAhnry2PzM.NFOcnb.nDnnj1eHK58rArYFx2hT62Cp4gdvFdfgNF8DTuPRaDQIEyIxIiNmEFkDElKdTvSIe+d4EVJXRIO4I.59tadYr4MWHEjGtJkyXLkSgLpzquNmZlHhcqhIwvUxAUBHYdobQm4uLhBkO4Fu4UTvWW85LGqRdhRyNU55U8ppaT85pKdS+9K6pjB7BV3xtE6oGdGr4ZbdoQPIzAs4J2G8A2u9n9ltFEHTI6H45SGyR1m2os4R5zZkz1A54VIAf.o53Ntal1wEyss3AX21LKqUL7yGd4KaYca7GmekveVtzR3+m5b.jHic+S.E.zwrPMGsG1GvlBiRYlEXCmCXQWnUiioMoYIb78A2yxz4iF2Zd1lV7VWhElyQzu1ZHCqDmeRmVPMB0ko8LhPU0FqPGQNERKsfLohOnH5TnJP2PFDZB.sRIr9v6iMpf3dUArBqEvZmEw5e9tVPUHPSETYQq.lnTx3eyAtfw9TASDTc4YAwgdSt.hqKMzENXkLhqmWbn3UX.wFKc.wkF1dOg6ic5xgBrKGuUVBdw7f+mwax31a5bX+9LecNXW24ne4+5r0q.TLy8M.ZFGxg.LmSlLpGLAmOCPhDxX.E4XWAKMX12.2iVldLYP7l+AVIW1D2ambYyzKgLA+P0GSJMiCz+v3S.LIi+VlMbNF2SZlVF.w8H3qL9nuOZH1FP9x4X2Ulimtxb7rUlimuxb7hUliWtxb7M2AG3mz81IZ0HSZAbP2CiK+ZaenjBQUwQfV+q9mngE

  • I think the easiest approach towards a value-setter could be to add a No-Skin option to the standard Slider UIComponent, that would only display its value.

    This value could then be dragged up/down and restricted towards a range with its min/max/stepsize properties. Adding additional up&down buttons should be pretty easy then.

    An additional prefix-property in addition to suffix could also make it possible to change 1/8, 1/16 values with dragging. Plus, when prefix and/or suffix could be restricted to only show in ValuePopups (LFOSpeed 1.45 Hz), this could make up for some pretty compact and minimal UI Elements.


  • @Dominik-Mayer That's an excellent idea.

  • @Dominik-Mayer said in Missing Widgets?:

    I think the easiest approach towards a value-setter could be to add a No-Skin option to the standard Slider UIComponent, that would only display its value.

    Good idea, this would also remove the necessity for an empty image for our empty filmstrip hack (just set the textColour property to something transparent).