1. "Fabrik 4" helpers needed!

    You are invited to join other community members active in coding, maintaining and improving Fabrik. Please visit https://fabrik.help for more information!
    Dismiss Notice

YesNo element

Dec 10, 2013
YesNo element

  • Contents


    Introduction(top)


    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 (top)

    yesno-example.png

    List example (top)

    yesno-example-list.png

    Administration settings (top)


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

    Notes(top)


    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 (Text):

    .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;
    }
     
  • Loading...
() (16195 Views)
Last Modified: Dec 10, 2013 at 5:54 AM
XenCarta PRO © Jason Axelrod from 8WAYRUN.COM