Personnaliser une page d’action pour une intégration existante

Pour cet exemple, nous allons créer une page d’action pour cette micro-app qui nous permet d’appeler une liste. La source de données est pré-remplie car nous avons commencé avec une intégration de modèle.

Remarque :

Ce processus suppose que vous avez ajouté une micro-app à une intégration existante. Pour plus d’informations sur l’ajout d’une micro-app, consultez la section Ajouter une micro-app.

Commençons par créer une page contenant un tableau qui inclut un champ appelé Opportunités dont la valeur est supérieure à 100 000 dollars à partir d’une base de données choisie.

Important :

Un tableau sans requête personnalisée expose tous les enregistrements qui correspondent à un filtre de tableau, quelle que soit leur relation avec les utilisateurs. Vos données potentiellement sensibles peuvent être exposées à tous les utilisateurs de la micro-app.

Ajouter la page

Étant donné que vous commencez par une micro-app vide, vous devez créer une page contenant les détails que vous souhaitez utiliser pour remplir la micro-app.

  1. Sur la page Intégrations, sélectionnez la micro-app à laquelle vous souhaitez ajouter la page.
  2. Sélectionnez Pages et Ajouter une nouvelle page.
  3. Donnez un nom à la page.
  4. Sélectionnez un modèle initial pour la page :
    • Détail
    • Formulaire
    • Tableau
    • Contenu statique

    Pour cet exemple, nous allons créer un modèle Formulaire.

    La capture d’écran suivante correspond à l’écran Nouvelle page : La source de données est pré-remplie car vous avez commencé avec une intégration de modèle :

    Ajouter de nouveaux modèles de page : Détail, Formulaire, Tableau, Contenu statique

  5. Pour définir les colonnes de tableau que vous souhaitez utiliser pour pré-remplir votre page, cliquez sur Sélectionner les champs et sélectionnez les noms de champs associés.

    Pour cet exemple, désactivez la case à cocher car nous ne souhaitons pas que tous ces champs s’affichent sur la page.

  6. Sélectionnez Définir les colonnes et Ajouter.

La nouvelle page est ajoutée à la liste Pages et est prête à être configurée. Dans le générateur, cette page se présente comme suit puisque nous n’avons sélectionné aucune colonne :

Page Nouvelle action

Vous pouvez maintenant créer n’importe quelle mise en page dont vous avez besoin à l’aide des éléments de page personnalisables suivants dans le générateur.

Personnaliser la page

Pour cet exemple, nous allons supprimer le bouton existant et ajouter un tableau personnalisé à la page.

  1. Sélectionnez le bouton Action de service dans le volet Composants, puis sélectionnez X.
  2. Sélectionnez Afficher dans la colonne de gauche, puis faites glisser l’icône Tableau dans le volet Composants.
  3. Renommez le tableau. Dans la colonne de droite, sous Propriétés du tableau, tapez un nouveau nom dans le champ Intitulé.

    Pour cet exemple, nous l’appellerons « Opportunities for Sales Management Team ».

  4. Pour définir le champ Filtre de données, sélectionnez Définir le filtre.
  5. Entrez les contraintes du filtre, puis sélectionnez Enregistrer.

    Pour cet exemple, nous définissons les contraintes comme indiqué dans la capture d’écran suivante pour remplir le tableau avec des opportunités dont la valeur est supérieure à 100 000 dollars.

    Contraintes du filtre de données

  6. Pour ajouter des colonnes afin d’afficher les données, sélectionnez le nouveau composant, sélectionnez Colonnes dans la colonne de droite et sélectionnez l’icône + Ajouter un élément.
  7. Pour le champ Table de données que nous venons d’ajouter, sélectionnez Colonne de données dans le menu, dans ce cas montant.
  8. Sélectionnez Format, puis Devise dans le menu.
  9. Sélectionnez à nouveau l’icône + Ajouter un élément. Cette fois, nous allons ajouter un nom à partir du menu Colonne de données.

Le tableau contenant vos colonnes remplies et filtrées apparaît désormais dans le volet du composant. Renommez les colonnes selon vos besoins. Dans cet exemple, il n’est pas nécessaire de renommer les colonnes car nous utilisons les noms conviviaux des colonnes de données. Faites glisser les colonnes pour réorganiser la structure selon vos besoins.

Page de micro-app Opportunités

Vous pouvez maintenant prévisualiser cette micro-app et ajouter des pages associées, comme un tableau contenant tous les détails liés à partir de cette page.

N’oubliez pas de limiter l’exposition des données et de gérer les abonnés. Pour de plus amples informations, consultez Personnaliser les notifications.

Personnaliser une page d’action pour une intégration existante