| Scroll Ignore | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
|
Concept
Un widget contient un grand nombre d'options Une interface d'édition est disponible pour chaque type de widget, permettant de configurer chaque paramètre ( couleur du texte, taille du texte, affichage des icônes, etc. ).
Une interface d'édition pour chaque type est donc nécessaire pour satisfaire la disparité de configuration des widgets.
Dans cette page, se trouve une explication du comportement des différents types de propriétés propriété :
- Champ de type texte,
- Champ de type radio,
- Champ de type sélecteur,
- etc.
Et donnera Ainsi qu'une explication sur la prévisualisation de la configuration
Ouvrir la configuration
La roue crantée ( 
) disponible en mode édition ( voir la page
Édition visuelle - Météo ) sur les widgets permet d'accéder à l'interface de configuration des widgets.
La roue crantée est disponible sur les widgets lors d'une sélection simple et multiple. L'édition n'est actuellement possible qu'un widget à la fois ( un mode d'édition de masse des widgets est en cours d'étude).
- Le formulaire de configuration apparait dans le volet latéral droit.
- Il
- sera différent pour chaque type de widget
- .
| Panel | |
|---|---|
| |
| |
|
Fonctionnement général
Regroupement par dossier
escamotabledes propriétés
Pour une facilité d'éditionfaciliter la configuration, les propriétés , portant sur le même sujet , sont regroupés regroupées par dossier escamotablesection.
- Les
- sections ont un titre qui permet de cacher
- leur contenu
- lorsque l'on clique dessus.
- Les
- sections ont donc deux états possibles :
- ouvert ( par défaut ) ;
- fermé ;
Dans l'exemple ci-contre :
- les Les deux zones "Affichagedossiers "Choisir l'élément" et "Zone de gaucheZones" sont fermés,
- la zone "Zone en haut à droitele dossier "Affichage" est ouverteouvert.
| Panel |
|---|
|
Valeurs par défaut
Les valeurs par défaut vous permettent de définir des comportements communs aux widgets.Ils sont définis par
- Chacune sont spécifiques à chaque type de widget (
Si un layout existe, il aura la priorité sur les cfg sur la définition des valeurs par défaut.
Définition des valeurs par défaut par les layouts
Chaque type de widget possède son propre layout, se trouvant dans le JSON ( grids > layouts )
| Panel | ||
|---|---|---|
| ||
- voir la page Configurer un widget - Édition JSON - Météo ).
- Les valeurs par défaut sont affichées en violet et seront toujours sélectionnables grâce à un bouton radio.
( voir la page Édition des valeurs par défaut - Widgets et lien externe - Édition visuelle - Météo )
| Info |
|---|
Toutes les propriétés n'ont pas obligatoirement une valeur par défaut. |
| Anchor | ||||
|---|---|---|---|---|
|
| Panel | ||
|---|---|---|
| ||
| Panel |
|---|
Les différents types de propriété
Propriété de type texte
Permet de
saisir une valeur
au clavier.
Certain champ texte auront des restrictions :
- Le balai
permet d'effacer le contenu.
| Anchor | ||||
|---|---|---|---|---|
|
| Panel |
|---|
|
Propriété de type sélecteur
Permet de
choisir une valeur prédéfinie
dans une liste déroulante :
- Le clic sur le champ ouvre un sélecteur avec les valeurs possibles.
- Cliquer sur une option remplace la valeur précédente.
- Un champ de recherche est disponible pour filtrer la liste des éléments proposés dans le sélecteur.
| Anchor | ||||
|---|---|---|---|---|
|
| Panel |
|---|
|
Propriété de type radio
Permet de
choisir une valeur
parmi un nombre restreint de valeurs
prédéfinies.
- Cliquer sur un bouton ou sur le texte pour modifier le choix.
| Anchor | ||||
|---|---|---|---|---|
|
| Panel |
|---|
|
Propriété de type radio et sélecteur
Permet de
choisir une valeur dans une liste de valeurs prédéfinies ou de sélectionner la valeur par défaut.
| Anchor | ||||
|---|---|---|---|---|
|
| Panel |
|---|
|
Propriété combinant type radio et champ texte
Permet de saisir une valeur au clavier ou de sélectionner la valeur par défaut.
- Si le champ texte reste vide, la propriété prend la valeur par défaut.
- Le balai permet d'effacer le contenu du champ texte.
| Panel |
|---|
|
- Cliquer sur une option remplace la valeur précédente.
La mode prévisualisation
Concept
Interactions
En bas de cette fenêtre ( ici en rouge ), se trouve une prévisualisation du type de widget en configuration.
Cette prévisualisation est générique, elle prendra toutes les configurations en compte en temps réel, afin d'aider à la configuration.
Une fois la configuration validée, les changements effectués sur la prévisualisation seront répercutés sur le widget configuré.
Les widgets avec configuration de zone
Certains widgets possèdent une configuration de zone qui permet d'afficher ou non les zones configurables sur la prévisualisation ( ici en vert ).
Les radios bouton, présent au-dessus de la prévisualisation, permettent de configurer l'affichage ou non de ces zones.
Si la zone est sélectionnée en afficher, une roue crantée apparait sur la zone dans la prévisualisation et disparait, ainsi que la zone, si on le cache.
La configuration d'une zone
En cliquant sur une roue crantée, la configuration possible de cette zone apparait sous le widget de prévisualisation ( ici en bleu ).
Les champs qui apparaissent en dessous, permettent de configurer la zone sélectionnée.
| Panel |
|---|
Après clique sur route crantée
| Panel |
|---|
Après clique sur route crantée
| Panel |
|---|
La configuration des différents types de widgets
Chaque type de widget possédant possède ses propres particularités =, les options différeront .
Les différents widgets sont :
- Widget Météo ( voir la pageNEW_PAGE - 003.7 - SEF-11600 - Editer un widget Titre - Widget Titre - Édition visuelle - Météo )
- Widget Titre ( voir la pageNEW_PAGE - 003.7 - SEF-11600 - Editer un widget Météo Widget Météo - Édition visuelle - Météo )
- Widget Séparateur (voir la pageNEW_PAGE - 003.7 - SEF-11600 - Editer un widget Séparateur Widget Séparateur - Édition visuelle - Météo )