Ajout de contrôles de base

improve this page | report issue

Ajout de contrôles de base à une application

IBM Digital App Builder comporte les contrôles d’interface utilisateur de base suivants : Bouton, En-tête, Image et Etiquette.

Ajout de contrôles de base en mode Conception

Pour ajouter l’un de ces contrôles à votre application, il suffit de les faire glisser et de les déposer sur le canevas, puis de configurer ses propriétés et ses actions.

  • En-tête : utilisez ce contrôle pour ajouter un en-tête à une page. Le contrôle En-tête comporte les propriétés suivantes :
    • Valeur textuelle
    • Style (Alignement, Couleur du texte) Aucune action n’est disponible pour ce contrôle.
  • Bouton : utilisez ce contrôle pour ajouter un bouton et lui associer une action. Le contrôle Bouton comporte les propriétés suivantes :
    • Valeur textuelle
    • Style (Alignement, Couleur du texte, Couleur d’arrière-plan, Poids de la police) Vous pouvez attribuer une action à ce bouton depuis l’onglet Actions. Sélectionnez le bouton Cliquez pour accéder à pour naviguer jusqu’à une autre page en sélectionnant le nom de la page ou cliquez sur + pour ajouter une nouvelle page.
  • Image : utilisez ce contrôle pour ajouter une image. Indiquez la source de l’image comme Image locale ou Indiquez l’URL. Vous pouvez aussi télécharger une image et l’ajouter au code source de l’application. Vous pouvez attribuer une action à cette image depuis l’onglet Actions. Sélectionnez le bouton Cliquez pour accéder à pour naviguer jusqu’à une autre page en sélectionnant le nom de la page ou cliquez sur + pour ajouter une nouvelle page.
  • Etiquette : utilisez ce contrôle pour ajouter une étiquette. Vous pouvez modifier la Valeur textuelle et le Style (Alignement, Couleur du texte, Poids de la police). Aucune action n’est disponible pour ce contrôle.

Pour ajouter les contrôles de base à votre projet en mode Conception :

  1. Accédez à la page que vous souhaitez concevoir.
  2. Cliquez sur Contrôles pour afficher le panneau des contrôles.
  3. Faites glisser et déposez les contrôles requis et concevez vos pages.
Last modified on October 30, 2019