Widget Onglets
Le widget Onglets est un type spécial de conteneur. Chaque onglet du widget dispose de son propre contenu. Vous ne pouvez afficher qu'un seul onglet à la fois. Le contenu de tous les onglets est cependant chargé en arrière-plan pour ne pas ralentir le passage d'un onglet à l'autre.
Vous pouvez modifier l'onglet sélectionné en utilisant un autre événement de l'environnement d'application composite afin de modifier la propriété SelectedTabValue ou Name.
Propriétés
Pour en savoir plus sur les propriétés communes aux widgets, consultez la rubrique
Widgets. Les propriétés spécifiques au widget Onglets sont décrites dans la table ci-dessous.
|
Nom de la propriété
|
Description
|
Type de base
|
Valeur par défaut
|
Liaison possible ? (O/N)
|
Localisable ? (O/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
Classe CSS définie par l'utilisateur à appliquer à la div supérieure du widget. Plusieurs classes peuvent être spécifiées, séparées par une espace.
|
STRING
|
n/a
|
O
|
N
|
|
NumberOfTabs
|
Nombre d'onglets à afficher.
|
NUMBER
|
1
|
N
|
N
|
|
DefaultTabAtRuntime
|
Onglet à afficher à l'exécution lorsque l'application composite est chargée.
|
NUMBER
|
1
|
N
|
N
|
|
SelectedTabValue
|
Valeur de l'onglet sélectionné.
|
STRING
|
true
|
N
|
N
|
|
SelectedTabName
|
Nom de l'onglet sélectionné.
|
STRING
|
true
|
N
|
N
|
|
TabHeight
|
Hauteur des onglets dans le widget.
|
NUMBER
|
27
|
N
|
N
|
|
MaxTabWidth
|
Largeur maximale des onglets (en pixels) avant troncature. Le texte intégral sera affiché dans l'info-bulle.
|
NUMBER
|
27
|
N
|
N
|
|
TabSpacing
|
Espacement entre les onglets du widget.
|
NUMBER
|
2
|
N
|
N
|
|
RoundedCorners
|
Applique à l'onglet des angles arrondis ou aigus.
|
BOOLEAN
|
true
|
N
|
N
|
|
Tab1Name
|
Etiquette de l'onglet. Il s'agit du nom de l'onglet qui s'affiche sur l'application composite et la valeur de SelectedTabName lorsqu'un événement de modification de l'onglet utilisateur est déclenché.
|
STRING
|
Tab1Name
|
N
|
O
|
|
Tab1Value
|
Valeur de l'onglet. Valeur de SelectedTabValue lorsqu'un événement de modification de l'onglet utilisateur est déclenché.
|
STRING
|
Tab1Value
|
N
|
N
|
|
Tab1Image
|
Image affichée pour l'onglet. L'image est sélectionnée dans MediaEntities.
|
IMAGE
|
n/a
|
N
|
N
|
|
Tab1Visible
|
Détermine si l'onglet est visible ou masqué.
|
BOOLEAN
|
true
|
O
|
N
|
|
Tab1Disabled
|
Détermine si l'onglet est activé ou désactivé.
|
BOOLEAN
|
false
|
O
|
N
|
Services
SelectDefaultTab
Utilise un événement pour rétablir le contrôle Onglet sur l'onglet par défaut.
ResetInputsToDefaultValue
Utilise un événement pour rétablir les valeurs par défaut de tous les widgets d'entrée du contrôle Onglet.
Evénements
TabSelected
Se déclenche lors de la sélection d'un onglet. Cet événement se déclenche lorsque la page est chargée pour la première fois et que l'onglet par défaut est sélectionné ou qu'un utilisateur change d'onglet.