• A new version of Full Calendar is now available.

    See the details here

YesNo element

  • Views Views: 17,926
  • Last updated Last updated:

Navigation

      Access element (+)
      Birthday element
      Button element
      Calculation element
      Captcha element
      Checkbox element
      Colour Picker element
      Count element (+)
      Database join element
      Date element
      Digg element
      Display text element
      Dropdown element
      Facebook Like element
      Field element
      File Upload element
      Folder element
      Google Map element
      Image element
         Image databese join
      Internal id element
      IP element
      J!Date element
      Kaltura element
      Link element
      Notes element
      OpenStreetMap element
      Picklist element
      Radio Button element
      Rating element
      Sequence element
      Slider element
      Tags element
      Textarea element
      Thumbs element
      Time element
      Timer element
      Timestamp element
      Total element
      User element
      User group element
      Video element
      View level element
      YesNo element
      Youtube element
      Akismet validation
      Is Email validation
      Is Not validation
      Is Numeric validation
      Not empty validation
      PHP validation
      Rsa id
  • Introduction​


    The yes no element is a short cut to the having to manually set up a radio button with a standard 'Yes' or 'No' Options (represented as 1 and 0 in the underlying raw table data). It also has the advantage of automatically showing icons for the results in the list view.

    Form example​

    yesno-example.png


    List example​

    yesno-example-list.png


    Administration settings​


    yesno.png

    • Default - should the default selected option be 'yes' or 'no'.
    • Options per row - (Fabrik 3.0 only) The radio button spancing

    Notes​


    Certain Rocket Themes templates override the Bootstrap CSS we use for Yes/No, such that both buttons end up being blue, and don't change on hover / selection. You may need to add something like this to a custom CSS file in your form template:

    Code:

    .fabrikForm label.btn.active.btn-danger {
    background-color: red;
    }
    .fabrikForm label.btn.active.btn-success {
    background-color: green;
    }
    .fabrikForm label.btn:not(.active) {
    background-color: lightgray;
    }
Back
Top