Widget à onglets dynamiques
Le widget à onglets dynamiques est un type spécial de conteneur. Chaque onglet du widget (vous configurez le nombre d'onglets) possè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 dynamiques 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
|
2
|
N
|
N
|
|
DefaultTabAtRuntime
|
Onglet actif lors de l'exécution lorsque l'application composite est chargée.
|
NUMBER
|
1
|
N
|
N
|
|
SelectedTabValue
|
Valeur de l'onglet sélectionné.
|
STRING
|
n/a
|
O
|
N
|
|
SelectedTabName
|
Etiquette de l'onglet sélectionné.
|
STRING
|
n/a
|
O
|
O
|
|
TabHeight
|
Hauteur des onglets dans le widget.
|
NUMBER
|
27
|
N
|
N
|
|
TabSpacing
|
Espacement entre les onglets du widget.
|
NUMBER
|
2
|
N
|
N
|
|
RoundedCorners
|
Affiche les onglets présentant des angles arrondis ou aigus
|
BOOLEAN
|
true
|
N
|
N
|
|
Tab1–2Name
|
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
|
|
Tab1–2Value
|
Valeur affichée sur l'onglet. Valeur de SelectedTabValue lorsqu'un événement de modification de l'onglet utilisateur est déclenché.
|
STRING
|
Tab1Value
|
N
|
N
|
|
Tab1–2Image
|
Image affichée pour l'onglet. L'image est sélectionnée dans MediaEntities.
|
IMAGE
|
n/a
|
N
|
N
|
|
Tab1–2Visible
|
Détermine si l'onglet est visible ou masqué.
|
BOOLEAN
|
true
|
O
|
N
|
|
Tab1–2Disabled
|
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.