Joomla! Documentation™

Tekent een voortgangsbalk. (zie hier voor meer details)

• name (verplicht) is de unieke naam van de parameter.
• type (verplicht) moet zijn meter.
• label (verplicht) (vertaalbaar) is de beschrijvende titel van het veld.
• description (optioneel) (vertaalbaar) tooltip voor het formulierveld.
• class (optioneel) specificeert uw eigen classes voor extra opmaak

• size (optioneel) stelt de invoer grootte van het veld in
• default (optioneel) de initiële waarde van de voortgangsbalk.
• min (optioneel) de minimum waarde van de voortgangsbalk.
• max (optioneel) de maximum waarde van de voortgangsbalk.
• step (optioneel) de stap waarna de voortgang verandert in de balk.
• animated (optioneel)(standaard:true) bepaalt of de voortgangsbalk animeert of niet.
• active (optioneel)(standaard:false) bepaalt of de voortgangsbalk animatie actief is. Werkt samen met animated .

Merk op dat zonder het instellen van de min en max waarden het waarschijnlijk niet als verwacht werkt. Dit is GEEN invoer type. Het creëert alleen een voortgangsbalk:

        <field name="meter"
               active="true"
               type="meter"
               label="Meter"
               max="1000"
               min="1"
               step="10"
               default="240"
               />

Dit creëert de volgende HTML-code:

<div class="control-group">
  <div class="control-label">
    <label id="jform_meter-lbl" for="jform_meter" class="">
	Meter
    </label>
    </div>
    <div class="controls">
       <div class="progress  progress-striped active" data-max="1000" data-min="1" data-step="10" data-value="240">		
          <div class="bar" style="width: 23.923923923924%;"></div>
       </div>
    </div>
</div>