Micro-apps

Créer une page de création

Configurez une page de création pour ajouter des enregistrements dans votre système d’enregistrement. 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.

Nous vous recommandons d’héberger cette page dans une micro-app séparée pour ces raisons. Tenez compte de ces considérations lors de la conception de votre workflow.

  • Vous ne pouvez avoir qu’une seule action par micro-app. Cela signifie que vous ne pouvez pas avoir une page de recherche et une page de création dans la même micro-app si vous voulez que les deux soient des actions.
  • Pour autoriser différents paramètres d’autorisation utilisateur, si nécessaire.

Remarque :

la fonctionnalité de création est limitée en fonction de l’accès de réécriture de l’API.

Pour cette page de création, commencez par un modèle Détail, puis utilisez les composants de générateur suivants :

  • 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. Se compose d’éléments de grille. Définissez l’intitulé et le nombre total de cellules que vous souhaitez dans votre grille.
  • Saisie de texte : définissez la source du texte en spécifiant la table de données, la colonne et la valeur à charger sur la page saisie par l’utilisateur. Le composant peut être marqué comme facultatif. La largeur du champ peut être modifiée. Les règles de validation peuvent être configurées en fonction d’une longueur minimale ou maximale ou d’un modèle de texte pour identifier les entrées utilisateur. Si ce composant n’est pas mappé à la valeur d’enregistrement, les utilisateurs utilisent le champ pour saisir du texte.
  • Sélectionner : permet aux utilisateurs de choisir une option parmi une liste de valeurs définie. Ce champ est renseigné avec les données du système source. Vous pouvez également entrer manuellement la liste de valeurs. Des actions peuvent être ajoutées.
  • Rechercher : permet aux utilisateurs de rechercher une grande quantité de valeurs et de sélectionner une valeur en recherchant un autre élément.
  • Bouton : permet d’ajouter un composant sur la page sur lequel l’utilisateur peut cliquer en définissant les actions et la logique.

L’image suivante montre un exemple de page de création montrant les détails mappés aux colonnes de données répertoriées ci-dessous que nous avons créées avec les composants répertoriés ci-dessus. Pour cette page et cette micro-app, nous devons mapper les colonnes de données suivantes :

  • Projet
  • Type de problème
  • Priorité
  • Nom du responsable

Exemple de page de création

Procédez comme suit :

  1. Après avoir ajouté la micro-app spécifiquement pour cette action de création, sélectionnez cette micro-app. Vous trouverez une procédure détaillée sur [Ajouter une micro-app](/fr-fr/citrix-microapps/create-microapps. 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.
  4. Sélectionnez l’élément Texte statique et faites-le glisser vers le haut du panneau du générateur.
    • 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.
  5. 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 autres composants. 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.
  6. Pour ajouter un champ Titre, faites glisser un composant de saisie de texte vers l’élément de grille supérieur gauche.
    • Sélectionnez l’onglet Propriétés de saisie de texte. Dans le champ Intitulé, entrez Titre.
    • Désactivez Mapper à la valeur d’enregistrement.
    • Activez la case à cocher Obligatoire.
  7. Pour ajouter un sélecteur de liste déroulante Projet, faites glisser un composant Sélectionner vers l’élément de grille supérieur droit.
    • Sélectionnez l’onglet Sélectionner les propriétés. Dans le champ Intitulé, entrez Projets.
    • Sous Sélectionner le type, choisissez Sélectionner à partir de la base de données.
    • Désactivez Mapper à la valeur d’enregistrement.
    • Sélectionnez Table de données, Colonne de données dans les menus. Dans notre cas, projet et id.
    • Activez la case à cocher Obligatoire.
  8. Pour ajouter un sélecteur Type de problème, faites glisser un composant Sélectionner vers l’élément de grille au milieu à gauche
    • Sélectionnez l’onglet Sélectionner les propriétés. Dans le champ Intitulé, entrez Type de problème.
    • Sous Sélectionner le type, choisissez Sélectionner à partir de la base de données.
    • Désactivez Mapper à la valeur d’enregistrement.
    • Sélectionnez Table de données, Colonne de données dans les menus. Dans notre cas, issue_type et name.
    • Activez la case à cocher Obligatoire.
  9. Pour ajouter un champ avec possibilité de recherche Nom du responsable, faites glisser un composant Recherche vers l’élément de grille au milieu à droite. Utilisez ce composant car il permet aux utilisateurs de rechercher facilement parmi une grande quantité de valeurs.
    • Sélectionnez l’onglet Propriétés de la recherche. Dans le champ Intitulé, entrez Nom du responsable.
    • Sous Sélectionner le type, choisissez Sélectionner à partir de la base de données.
    • Sélectionnez Table de données à rechercher, Colonne de données à rechercher et Colonne de données à utiliser comme valeur dans les menus. Dans notre cas, user et display_name.
    • Désactivez Afficher colonne de données supplémentaire.
  10. Pour ajouter un champ Description, faites glisser un composant de saisie de texte vers l’élément de grille en bas au milieu à gauche.
    • Sélectionnez l’onglet Propriétés de saisie de texte. Dans le champ Intitulé, entrez Description.
    • Désactivez Mapper à la valeur d’enregistrement.
    • Pour ce champ, n’activez pas la case à cocher Obligatoire pour ajouter automatiquement une balise (facultative) au champ.
  11. Pour ajouter un sélecteur de liste déroulante Priorité, faites glisser un composant Sélectionner vers l’élément de grille en bas au milieu à droite.
    • Sélectionnez l’onglet Sélectionner les propriétés. Dans le champ Intitulé, entrez Priorité.
    • Sous Sélectionner le type, choisissez Sélectionner à partir de la base de données.
    • Désactivez Mapper à la valeur d’enregistrement.
    • Sélectionnez Table de données, Colonne de données dans les menus. Dans notre cas, priority et name.
    • Pour ce champ, n’activez pas la case à cocher Obligatoire. Cela ajoute automatiquement une balise (facultative) au champ.
  12. Pour ajouter un bouton Créer, faites glisser un composant Bouton vers l’élément de grille en bas à gauche.
    • Sélectionnez l’onglet Propriétés du bouton. Dans le champ Intitulé, entrez Créer.
    • Laissez l’option Style définie sur Primaire pour en faire un bouton d’option bleu.
    • Sélectionnez l’onglet Actions. Vérifiez que la case à cocher Bouton d’action de la page est activée. Ceci affiche le bouton dans le pied de page du panneau et ferme le panneau Espace de travail une fois l’action terminée.
    • Cliquez sur la liste déroulante Ajouter une action et sélectionnez Exécuter action de service.
    • Cliquez sur le texte Exécuter action de service. Cliquez sur la liste déroulante Données, puis sélectionnez l’intégration à laquelle vous souhaitez vous connecter. Cliquez sur la liste déroulante Action et sélectionnez l’action que vous souhaitez effectuer, dans ce cas Créer un problème.
    • Sélectionnez Modifier les paramètres et remplissez tous les paramètres requis en fonction des champs que vous avez créés pour la page. Vous pouvez utiliser cet exemple comme référence : Créer des actions de service de page
  13. Pour ajouter un bouton Annuler, faites glisser un composant Bouton vers l’élément de grille en bas à droite. Cela permet aux utilisateurs de recharger la page sans appliquer de modifications.
    • Sélectionnez l’onglet Propriétés du bouton. Dans le champ Intitulé, entrez Annuler.
    • Définissez l’option Style sur Secondaire pour en faire un bouton d’option gris.
    • Sélectionnez l’onglet Actions. Cliquez sur le menu déroulant Ajouter une action et sélectionnez Aller à la page. Sélectionnez cette micro-app pour Application et le nom de la page que vous créez pour Page pour que cette page se rafraîchisse lorsque vous sélectionnez Annuler.

    Vous avez terminé de configurer la page de création. Comme dernière étape, sélectionnons cette page comme page d’action pour la micro-app et rendons-la visible dans la liste des actions pour cette intégration.

  14. Sélectionnez Propriétés. C’est l’icône d’engrenage située sur la gauche lorsque vous vous trouvez dans le générateur.
  15. Sous Actions, sélectionnez le bouton Activer en tant qu’action et sélectionnez cette page dans le menu Page d’actions .

    La page de création est maintenant prête.

Créer une page de création