Radio formulierveld type

From Joomla! Documentation

This page is a translated version of the page Radio form field type and the translation is 100% complete.

Other languages:
English • ‎español • ‎français • ‎Nederlands

Het radio formulierveld type biedt keuzerondjes om verschillende opties te kiezen. Indien het veld een opgeslagen waarde heeft, wordt deze geselecteerd als de pagina voor het eerst geladen wordt. Indien niet, wordt de standaard waarde (als die er is) geselecteerd.

Params.radio.jpg
  • type (verplicht) moet radio zijn.
  • name (verplicht) is de unieke naam van het veld.
  • label (verplicht) (vertaalbaar) is de beschrijvende titel van het veld.
  • default (optioneel) is de standaard keuzerondje waarde.
  • description (optioneel) (vertaalbaar) is tekst die getoond wordt als tooltip als de gebruiker de muis beweegt over de drop-down box.
  • class (optioneel) Nieuw in Joomla 3, indien ingesteld op class="btn-group btn-group-yesno" toont het mooi gekleurde knoppen

Het XML <field> element moet een of meer <option> elementen bevatten die de individuele keuzerondjes definiëren. De tekst tussen de <option> en </option> tags is wat getoond wordt als label van de keuzerondjes en is een te vertalen string. De <option> tag heeft het volgende argument:

  • value (verplicht) is de waarde die opgeslagen worden voor de parameter als dit item geselecteerd is.

Tip: Vergeet niet de velddefinitie af te sluiten met de </field>.

Voorbeeld XML-velddefinitie:

<field name="myradiovalue" type="radio" default="0" label="Select an option" description="">
  <option value="0">1</option>
  <option value="1">2</option>
</field>

Voor Joomla 3+ styling met willekeurige waarden:

<field name="myradiovalue" type="radio" default="0" label="Select an option" description="" class="btn-group">
  <option value="0">1</option>
  <option value="1">2</option>
</field>

Voor Joomla 3+ styling met ja/nee waarden:

<field name="myradiovalue" type="radio" default="0" label="Select an option" description="" class="btn-group btn-group-yesno">
  <option value="1">JYES</option>
  <option value="0">JNO</option>
</field>

Zie ook