Types métriques pour les champs de formulaire

From Joomla! Documentation

This page is a translated version of the page Meter form field type and the translation is 100% complete.
Other languages:
English • ‎Nederlands • ‎español • ‎français

Pour plus de détails afin d'ajouter une barre de progression, vous pouvez consulter : Barres de progression.

  • name (nom - obligatoire) est le nom unique du paramètre.
  • type (type - obligatoire) doit être "meter".
  • label (étiquette - obligatoire) (traduisible) est le titre descriptif du champ de formulaire.
  • description (description - facultatif) (traduisible) info-bulle du champ de formulaire.
  • class (classe - facultatif) spécifiez vos propres classes pour vos propres balises.
  • size (taille - facultatif) définit la taille du champ de saisie.
  • default (par défaut - facultatif) valeur initiale de la barre de progression.
  • min (minimum - facultatif) valeur minimale de la barre de progression.
  • max (maximum - facultatif) valeur maximale de la barre de progression.
  • step (étape - facultatif) étape dans la progression de la barre.
  • animated (animation - facultatif - par défaut : true) détermine si la barre de progression est animée ou non.
  • active (facultatif - par défaut : false) indique si l'animation de la barre de progression est active. Fonctionne avec animated.

Notez que sans les valeurs min et max, le système ne fonctionnera probablement pas comme prévu. Ce n'est PAS un type d'entrée. Il permet la création d'une barre de progression :

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

Cela va créer le code HTML suivant :

<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>