Web UI component: j-RadioButton

  • Info
  • HTML
  • JS
  • CSS
  • Meta


  • NEW now supports custom buttons
  • NEW now you can use datasource


  • items {String} needs to contain value 1|text 1;value 2|text 2 or text 1;text 2
  • required {Boolean} enables required
  • disabled {Boolean} disables this control
  • label {String} can change the content (default: innerHTML) [NEW config is the only way to set label for custom buttons]
  • type {String} can contain number
  • inline {Boolean} enables/disables inline position (default: true)
  • NEW datasource {String} path to data-source (must be array or array of objects)
  • NEW text {String} determines a property name for text (in data-source), default: name
  • NEW value {String} determines a property name for value (in data-source) default: id

Custom buttons:

  • Custom buttons have predefined styles. For predefined styles use ui-radiobutton-custom class
<div data---="radiobutton__model.myvalue4__datasource:mydata">
    <script type="text/html">
        <div class="ui-radiobutton-custom">
            <div>{{ mykey }}</div>