Créer une page de détails

Créez une page de détails pour afficher les détails d’un élément disponible dans votre workflow. N’oubliez pas que vous pouvez concevoir et personnaliser ces pages en fonction de vos besoins. Cet article suppose que vous avez déjà créé votre micro-app pour ce workflow. Pour obtenir des informations détaillées, consultez la section Ajouter une micro-app.

Pour ajouter une page de détails à votre micro-app, sélectionnez une page dans les modèles initiaux, puis personnalisez la page dans le générateur. Pour cette page de détails, commencez par un modèle Détail qui préremplit le générateur avec des composants Texte indiquant les champs que nous avons sélectionnés. Utilisez les composants suivants pour créer cet exemple de page de détails.

  • Texte : permet de définir la source et le format du texte à charger depuis le cache sur la page.
  • Bouton Retour : permet aux utilisateurs de revenir à la page précédente.
  • Texte statique : permet de définir le texte statique qui apparaît sur la page.
  • Grille flexible : vous donne plus de contrôle sur le positionnement des composants sur vos pages. Cette option est utile lorsque vous concevez des pages destinées aux appareils dotés d’écrans plus grands. Définissez l’intitulé et le nombre total de cellules que vous souhaitez dans votre grille.
  • Tableau : permet d’ajouter un tableau en définissant la source, les filtres et les colonnes du tableau. Des actions de lien de page peuvent être ajoutées. Les requêtes personnalisées basées sur les e-mails des utilisateurs peuvent être définies pour limiter l’exposition des données.

L’image suivante montre un exemple de page de détails qui inclut les détails du ticket que nous avons créez avec les composants répertoriés ci-dessus :

Exemple de page de détails

Procédez comme suit :

  1. Sélectionnez la micro-app à laquelle vous souhaitez ajouter une page. Sélectionnez Pages et Ajouter une nouvelle page.
  2. Donnez un nom à la page et sélectionnez le modèle Détail.
  3. Confirmez votre source de données et sélectionnez la table de données à laquelle vous souhaitez accéder. Sélectionnez Ajouter. La nouvelle page est ajoutée à la liste Pages et est prête à être personnalisée. Le générateur remplit les champs que nous avons sélectionnés. Personnalisons maintenant la page.
  4. Sélectionnez et faites glisser l’élément Bouton Précédent vers le haut du panneau du générateur.
  5. Sélectionnez l’élément Texte statique et faites-le glisser vers le haut du panneau du générateur sous le bouton Précédent.
    • Sélectionnez Propriétés de texte statique et, dans le champ Contenu, entrez Créer un ticket.
    • Sous Type de texte, sélectionnez En-tête.
  6. Sélectionnez l’élément Grille flexible et faites-le glisser vers le panneau du générateur. Utilisez les éléments de grille pour placer les composants Texte existants.
    • Ajoutons maintenant de nouvelles cellules. Sélectionnez l’onglet Propriétés de grille flexible et, sous Nombre total de cellules, définissez la valeur sur 8.
    • Sélectionnez les composants Texte existants et faites-les glisser vers l’emplacement dans la grille flexible où vous souhaitez les placer.
  7. Sélectionnez ensuite un composant Tableau et faites-le glisser vers le générateur. Placez-le en bas.
    • Sélectionnez l’onglet Propriétés du tableau. Dans le champ Intitulé, entrez Commentaires.
    • Activez l’option Utiliser les enregistrements liés à la page des détails.
    • Sélectionnez la table de données à afficher, dans ce cas Commentaires . Vous devez ajouter les colonnes que vous souhaitez afficher dans la table. Consultez la capture d’écran ci-dessus pour un modèle des éléments que nous souhaitons ajouter.
    • Sélectionnez Colonnes, puis sélectionnez le premier élément qui apparaît dans la liste. Sous Titre de la colonne, donnez un nom à la colonne, par exemple, Nom de l’auteur. Sélectionnez une valeur pour la table de données, qui est préremplie, puis sélectionnez la colonne de données à mapper sur la colonne appropriée.
    • Sélectionnez +, puis répétez l’opération pour les colonnes suivantes. Nous allons utiliser les intitulés suivants : Corps et Date de création. Pour la colonne de date, sélectionnez **Format pour spécifier le format d’heure utilisé. Vous pouvez, par exemple, créer une action sur une page Détails du commentaire, si nécessaire.

    La page de détails est maintenant prête.

Créer une page de détails