Création d'une fenêtre contextuelle modale

Vous pouvez créer des fenêtres contextuelles modales pour l'application de gestion des devis native et les intégrer dans une disposition ou un widget existant.

Avant de commencer

  • Vous devez avoir activé la personnalisation lors de la configuration des paramètres CPQ.
  • Vous devez avoir configuré le module complémentaire d'interface utilisateur de l'application de gestion des devis native dans votre environnement.

Procédure

  1. Créez un répertoire extensions dans le répertoire CPQ_UI\FieldSales_UI\web\app.
  2. Créez un fichier JavaScript dans le répertoire extensions afin de définir la nouvelle fenêtre contextuelle modale AngularJS.
  3. Vous pouvez appeler cette nouvelle fenêtre contextuelle modale dans une disposition ou un widget existant en remplaçant les propriétés du contrôleur et du modèle de la disposition ou du widget existant.
  4. Générez les artefacts d'interface utilisateur prêts pour la production en exécutant la commande suivante à partir du répertoire FieldSales_UI : gulp build.
  5. Créez le fichier cpqui_ext.zip en archivant le contenu du répertoire build.
    Remarque : Excluez le fichier index.html, puis créez le fichier cpqui_ext.zip.
  6. Chargez les artefacts d'interface utilisateur prêts pour la production (cpqui_ext.zip) en tant que ressource statique dans Salesforce.com, en effectuant les étapes suivantes :
    1. Connectez-vous à votre compte Salesforce.com.
    2. Accédez à la page Ressources statiques, puis cliquez sur le bouton Nouveau.

      Si une ressource statique appelée cpqui_ext existe déjà, cliquez sur Modifier pour mettre à jour le fichier existant au lieu de créer une ressource.

      La page Ressources statiques s'affiche.
    3. Entrez le nom de la ressource statique : cpqui_ext.
    4. Cliquez sur Parcourir pour sélectionner le fichier cpqui_ext.zip que vous avez créé dans les étapes précédentes.
    5. Cliquez sur Enregistrer.