Permet d’afficher un champ de type “slider”

Edit me

Hérite de WidgetField.

Fonction

Rendu

Utilisation

<form_row>
  <label dataset="page2" field="numelelments" class="text-left col-md-12"/>
  <value dataset="page2" field="numelelments" mode="rw" class="text-left col-md-12">
    <option output="html" option_name="widget" value="WidgetSlider"/>
    <option output="html" option_name="show_value" value="true"/>
  </value>
</form_row>

Attributs

Les attributs nécessaires au bon fonctionnement du widget sont signalés par un astérisque.

Ce widget hérite de fonctionnalités issues d’un autre widget. Consultez la documentation dédiée au WidgetField pour vérifier si d’autres attributs sont disponibles.

Options

Les options nécessaires au bon fonctionnement du widget sont signalées par un astérisque.

Ce widget hérite de fonctionnalités issues d’un autre widget. Consultez la documentation dédiée au WidgetField pour vérifier si d’autres options sont disponibles.

axis

format du slider : x pour horizontal, y pour vertical. La valeur par défaut est ‘x’.

  • Version : >=2.15

  • Valeurs possibles : Integer

  • Valeur par défaut : x

<option output="html" option_name="axis" value="x" />

color_value

permet de définir la couleur de l’affichage de la valeur du slider. La valeur par défaut est #0c3270.

  • Version : >=2.15

  • Valeurs possibles : String

  • Valeur par défaut : #0c3270

<option output="html" option_name="color_value" value="#0c3270" />

length

La longeur du slider. La valeur par défaut est 200 px.

  • Version : >=2.15

  • Valeurs possibles : Integer

  • Valeur par défaut : 200px

<option output="html" option_name="length" value="200px" />

max

**La marge supérieure du slider. Si ‘axis’ est horizontal, la valeur par défaut est 100, sinon 0. classe image   —— —–   yui3-skin-sam ../images/widget_slider_skin_sam.png   yui3-skin-sam-dark ../images/widget_slider_skin_sam-dark.png   yui3-skin-capsule ../images/widget_slider_skin_capsule.png   yui3-skin-round ../images/widget_slider_skin_round.png **
  • Version : >=2.15

  • Valeurs possibles : Integer

  • Valeur par défaut : 100

<option output="html" option_name="max" value="100" />

min

La marge inférieuse du slider. Si ‘axis’ est horizontal, la valeur par défaut est 0, sinon 100.

  • Version : >=2.15

  • Valeurs possibles : Integer

<option output="html" option_name="min" value="0" />

position_value

**La position où s’affiche la valeur. ‘r’ : right (à droite), ‘l’ : left (à gauche) pour le cas slider horizontal, ‘rl’ ou ‘lr’ : gauche + droit du slider ‘t’ : top (en haut), ‘b’ : bottom (en bas) pour le cas slider vertical, ‘tb’ ou ‘bt’ : haut + bas du slider **

  • Version : >=2.15

  • Valeurs possibles : String

  • Valeur par défaut : l

<option output="html" option_name="position_value" value="l" />

show_value

Permet d’afficher la valeur du slider. La valeur par défaut est false.

  • Version : >=2.15

  • Valeurs possibles : Boolean

<option output="html" option_name="show_value" value="false" />

step_value

Permet de définir le pas d’incrément entre les bornes min et max.

  • Version : >=2.15

  • Valeurs possibles : Interger

<option output="html" option_name="step_value" value="{step_value_value}" />

type_cursor

La classe de style du slider. Par défaut ‘yui3-skin-sam’

  • Version : >=2.15

  • Valeurs possibles : Integer

<option output="html" option_name="type_cursor" value="{type_cursor_value}" />