RADIO - AppDaddy-Software-Solutions-Inc/framework-markup-language GitHub Wiki

<RADIO/> : FormField

The <RADIO/> widget creates a list of <OPTION/> widgets with an interactive radio selector. Only one radio <OPTION/> can be selected for the <RADIO/>.

Restrictions:

  • For multiple selections use the <SELECT/> widget.
  • A user can only select one <OPTION/> within the <RADIO/> at a time.

Attributes

Name Type Default Description Req
data string null The Datasource to populate the OPTIONs with. See Datasources.
width int / % null The width of the widget.
size int null The size of the [RADIO] icon.
color string null The color of the checkbox icon
layout string column Orientation to layout the options, alternatively it can be set to row

Examples

Radio

<RADIO id="radio" size="30" value="#0000FF">
    <OPTION value="#FF0000" label="Red"/>
    <OPTION value="#0000FF" label="Blue"/>
    <OPTION value="#00FF00" label="Green"/>
    <OPTION value="#000000" label="Black"/>
</RADIO>

A RADIO populated by a DATA Datasource

<FML>
    <COL center="true">
        <RADIO id="monthradio" data="MONTHS" size="30">
            <OPTION value="{data.month}" label="{data.month}"/>
        </RADIO>
	</COL>

	<DATA id="MONTHS" root="ROWS.ROW">
        <VALUE>
            <![CDATA[<ROWS>
                <ROW>
                    <month>January</month>
                </ROW>
                <ROW>
                    <month>February</month>
                </ROW>
                <ROW>
                    <month>March</month>
                </ROW>
                <ROW>
                    <month>April</month>
                </ROW>
                <ROW>
                    <month>May</month>
                </ROW>
                <ROW>
                    <month>June</month>
                </ROW>
                <ROW>
                    <month>July</month>
                </ROW>
                <ROW>
                    <month>August</month>
                </ROW>
                <ROW>
                    <month>September</month>
                </ROW>
                <ROW>
                    <month>October</month>
                </ROW>
                <ROW>
                    <month>November</month>
                </ROW>
                <ROW>
                    <month>December</month>
                </ROW>
            </ROWS>]]>
        </VALUE>
    </DATA>
</FML>

logo See it in Action

Other Widgets You May Find Useful:

⚠️ **GitHub.com Fallback** ⚠️