Éditeur de boîtes de dialogue dialog-editor
L’éditeur de boîtes de dialogue fournit une interface graphique qui permet de créer et de modifier facilement des boîtes de dialogue et des modèles automatiques.
Pour découvrir comment cet éditeur fonctionne, accédez à CRXDE Lite, développez l’arborescence de l’explorateur pour atteindre /libs/foundation/components/chart
, puis double-cliquez sur le nœud dialog
:
Le nœud de boîtes de dialogue ouvre l’éditeur de boîtes de dialogue :
Présentation de l’interface utilisateur user-interface-overview
L’interface de l’éditeur de boîte de dialogue se compose de quatre volets :
- Palette (dans le coin supérieur gauche) : Ce volet contient les widgets disponibles pour créer une boîte de dialogue, tels que les panneaux à onglets, les champs de texte, les listes de sélection et les boutons. Vous pouvez développer les différentes catégories de la palette en cliquant sur la barre de séparation souhaitée.
- Structure (dans le coin inférieur gauche) : Ce volet affiche la structure hiérarchique des noeuds qui constituent la définition de la boîte de dialogue. Vous pouvez voir la même structure en développant le noeud dialog dans CRXDE Lite ou CRX Content Explorer.
- Le volet Rendu, au milieu de la fenêtre. Ce volet affiche la manière dont la définition de boîte de dialogue définie dans le volet de structure est présentée comme une boîte de dialogue réelle.
- Propriétés : Ce volet affiche les propriétés du noeud actuellement mis en surbrillance dans le volet de structure.
Utilisation de l’éditeur de boîte de dialogue using-the-dialog-editor
Pour créer une boîte de dialogue, l’utilisateur fait glisser des éléments de la palette vers le volet Structure dans la hiérarchie de définition de la boîte de dialogue.
Une fois la structure souhaitée terminée, l’utilisateur clique sur Enregistrer, en haut du volet de rendu.
Création d’une boîte de dialogue creating-a-new-dialog
Pour créer une boîte de dialogue, vous devez sélectionner le composant requis, cliquez sur Créer… puis Boîte de dialogue Créer ….
Saisissez les informations requises, puis cliquez sur Enregistrer tout. Vous pouvez à présent double-cliquer sur la boîte de dialogue pour l’ouvrir dans l’éditeur.
Utilisation de l’éditeur de boîte de dialogue pour les modèles automatiques using-the-dialog-editor-for-scaffolds
Un modèle automatique est une page spéciale contenant un formulaire qui peut être rempli et envoyé en une seule étape. Vous pouvez ainsi créer rapidement une page à partir du contenu saisi.
Le formulaire qui constitue un modèle automatique est défini par une définition de boîte de dialogue, tout comme une boîte de dialogue normale, bien qu’il apparaisse sur la page de génération de modèles automatique sous une autre forme. Les définitions de boîte de dialogue étant utilisées pour définir des modèles automatiques, les modèles automatiques peuvent être conçus à l’aide de l’éditeur de boîte de dialogue. Notez que lorsque vous utilisez l’éditeur de boîte de dialogue de cette manière, le volet de rendu affiche toujours la définition de boîte de dialogue sous la forme d’une boîte de dialogue et non d’un modèle automatique.
Pour plus d’informations sur l’utilisation de l’éditeur de boîtes de dialogue pour créer des modèles automatiques, consultez Génération de modèles automatiques.