La page Détail Canvas vous permet de personnaliser la page de détail d'enregistrement selon vos préférences en vous laissant ajouter une couleur de fond à chaque champ, les réorganiser dans un ordre différent, utiliser des boutons personnalisés à la place des noms de champs, appliquer des styles de police différents et bien plus. Cet affichage est disponible dans tous les modules, y compris les modules personnalisés.

Regardez cette vidéo pour en savoir plus sur l'objectif et les avantages de Canvas dans Zoho CRM .

Concepteurs Canvas certifiés Zoho CRM

Nous disposons d'une liste de concepteurs Canvas qui peuvent vous aider à concevoir et mettre en œuvre des Canvas personnalisés pour votre entreprise. Vous pouvez consulter la liste des concepteurs ici.

Disponibilité

Autorisation requise

Les utilisateurs disposant de l'autorisation Gérer la personnalisation peuvent personnaliser la page de détail d'enregistrement.

Composants de la page Détail Canvas

De manière similaire à l'affichage en liste du module, vous pouvez personnaliser la page de détail d'enregistrement avec Canvas. La page de détail comporte les composants suivants :

1. Éléments sont les différents composants présents dans une mise en page : Section, Onglet, Tableau, Texte, Image, Icône et Ligne.
2. Données regroupe la liste des composants qui seront affichés dans une mise en page : Champs, Champs de module connexe, Listes connexes, Liens, Actions (Boutons comme Modifier, Soumettre, Suivant, etc.) et Kiosks.
3. Style vous permet de modifier la police, la taille de la police, la couleur de fond, la bordure, l'ombre, le rayon, l'espacement intérieur, la marge et d'insérer une image de fond. Ces modifications peuvent être appliquées en sélectionnant un élément souhaité dans Canvas. Les options varient en fonction de l'élément sélectionné. Le style appliqué aux éléments peut être enregistré dans les présets et réutilisé ultérieurement.
4. Composants réutilisables comme les éléments, le style et les données peuvent être enregistrés à partir des Canvas précédents en tant que composants réutilisables. Ces composants, une fois enregistrés, peuvent être réutilisés dans différents modules ; les champs seront mappés automatiquement par CRM.
   

Remarque
Les champs provenant d'un maximum de cinq modules de recherche peuvent être ajoutés à votre page Canvas. Les champs Territoire, Téléchargement d'image et Téléchargement de fichier des modules de recherche ne peuvent pas être ajoutés à la page Canvas. Cependant, ils seront inclus lorsque vous ajoutez l'affichage Tous les champs.

Personnalisation de la page de détail d'enregistrement

Vous pouvez sélectionner n'importe quel Canvas pré-conçu à partir de la galerie et les personnaliser selon vos besoins, ou créer votre propre conception Canvas pré-conçu à partir de zéro avec l'aide des outils de conception.

Pour personnaliser la page de détail d'enregistrement

1. Accédez à Configuration > Personnalisation > Canvas > Affichage détail  
2. Cliquez sur +Créer une page de détail d'enregistrement .
   
3. Dans la page Créer un enregistrement personnalisé , sélectionnez le Module et la Mise en page dans la liste déroulante.
   
4. Cliquez sur Créer .
      
5. À l'intérieur de Canvas , cliquez sur Éléments dans le panneau de gauche.
   Consultez Éléments et composants .
6. Glissez-déposez Sections , Onglets , Tableau , Textes, Images, Icônes et Lignes dans l'espace vide.
   
7. Ajoutez Styles selon les besoins.
   Consultez Application de style aux éléments .
8. À partir de la barre de menu supérieure, vous pouvez faire ce qui suit :
   
1. Annulez ou restaurez les modifications.
   
2. Prévisualisez le Canvas avant d'enregistrer.
   
3. Affichez le Canvas en plein écran.
   
4. Donnez un nom au Canvas.
   

  

Comprendre les composants

Éléments

Sous les éléments, vous trouverez les composants suivants :

1. Section :
   Une section est un espace vide ou un bloc qui s'affichera sur la page de détail.
1. Vous pouvez soit insérer des champs de la mise en page dans une section, soit insérer des images de lieux ou les utiliser comme bannière pour afficher un message, etc.
   
2. Faites glisser les bordures pour redimensionner la boîte de section.
   
3. Cliquez sur icône pour cloner la section.
   
4. Vous pouvez faire un clic droit sur la section et cliquer sur insérer pour ajouter des champs, rendre le composant fixe ou fluide, copier le style, coller le style ou supprimer.
5. Ajoutez les éléments de style. (En savoir plus sur les styles).
   
2. Onglets : Les onglets vous permettent d'organiser les champs et les listes associées dans différents écrans. C'est le meilleur moyen de fournir une navigation facile et un affichage bien organisé aux utilisateurs. Par exemple, dans l'image ci-dessous, l'onglet nommé Related Info est placé dans le module produits qui contient trois onglets : Notes, Attachments et Cases, tous dans une section. En cliquant sur l'icône +, vous pouvez ajouter d'autres champs ou listes associées en tant qu'onglets.
     
1. Dans le panneau de gauche, vous pouvez entrer le nom de l'onglet et cliquer sur l'icône + pour ajouter d'autres onglets.
   
2. Survolez les onglets et cliquez sur l'icône de fermeture pour supprimer un onglet.
   
3. Survolez un onglet, lorsque vous obtenez l'icône de flèche double, faites glisser et déposez l'onglet pour modifier sa position.
   
4. Faites un clic droit à l'intérieur de l'onglet pour remplacer une liste associée par une autre, rendre le composant fixe ou fluide, copier ou coller le style de la liste associée, verrouiller, supprimer, etc.
   
5. Vous pouvez insérer des éléments de style comme une image, une couleur de fond et bien d'autres. (En savoir plus sur les styles).
   
6. Vous pouvez regrouper plusieurs onglets qui relèvent du même thème. Par exemple, les onglets tels que Open Activities, Closed Activities, Invited Meetings et Upcoming Actions peuvent être combinés sous un sous-onglet appelé Activities.
   
7. Vous pouvez également effectuer des actions telles que l'expansion unique et l'expansion multiple sur ces actions.
   
8. L'expansion multiple vous permet d'ouvrir plusieurs sous-onglets simultanément. Vous pouvez le faire en sélectionnant l'outil d'action Multi Expand. En d'autres termes, les sous-menus d'un sous-onglet ne se fermeront pas lorsque vous en cliquez sur un autre.
   
9. Lorsque vous sélectionnez l'option d'expansion unique, seuls ses sous-menus associés s'expandront ou se fermeront. Si vous avez développé un sous-onglet et que vous en cliquez sur un autre, les menus du sous-onglet précédent se fermeront avant que celui suivant ne s'ouvre.
   
3. Tableau : Le tableau peut être utilisé pour afficher les enregistrements dans un format tabulaire. Par exemple, dans l'image ci-dessous, le nom du produit, la description et le stockage principal sont les champs présents dans la mise en page qui s'affichent en lignes et en colonnes. Le format tabulaire vous permet d'économiser de l'espace sur la page de détail. Vous pouvez choisir entre les modèles de tableau List et Static ou opter pour le nouveau modèle de tableau personnalisable.
   
1. Survolez les lignes et les colonnes et cliquez sur les icônes + ou - pour ajouter ou supprimer une ligne ou une colonne.
   
2. Faites un clic droit sur une ligne pour modifier les champs, rendre le composant fixe ou fluide, copier ou coller le style, ou supprimer le champ.
3. Faites glisser les bordures pour redimensionner le tableau.
   
4. Ajoutez des couleurs aux lignes et aux colonnes.
   
5. Ajoutez des couleurs au texte.
   
6. Ajoutez des images à votre tableau.
   
4. Texte : Ajoutez une boîte de texte pour saisir du contenu dans la page de détail. Par exemple, utilisez-la comme titre avant de commencer une section ou pour ajouter une note, une clause de non-responsabilité, etc.
   
1. Faites glisser les bordures pour redimensionner la boîte de texte.
2. Faites un clic droit pour cloner, rendre le composant fixe ou fluide, ou supprimer la boîte de texte.
    
5. Images :   L'élément Image peut être utilisé pour ajouter un composant d'image sur la page de détail. Par exemple, vous pouvez ajouter un composant d'image et le définir comme photo de profil pour l'enregistrement particulier.
   
1. 
   Vous pouvez sélectionner et faire glisser l'élément image sur le Canvas et l'aligner avec les éléments existants.
2. 
3. Cliquez sur l'élément image et vous aurez l'option pour télécharger une image.
   
4. 
5. Vous pouvez parcourir et télécharger des images à partir de votre appareil ou choisir parmi les images précédemment téléchargées enregistrées dans l'onglet My Images, ou ajouter une image à partir d'une URL.
   
6. Après avoir ajouté l'image, vous pouvez la redimensionner et ajuster d'autres styles tels que la bordure, l'ombre, le rayon, l'espacement intérieur, etc.
   
6. Icônes : Utilisez une icône pour représenter un champ au lieu d'une étiquette textuelle conventionnelle. Par exemple, dans l'image ci-dessous, le nom du produit et le prix s'affichent à l'aide d'icônes au lieu de texte.
    
1. Faites défiler la barre d'icônes pour vous déplacer vers le haut et le bas et choisir parmi la large gamme d'icônes.
   
2. Cliquez sur l'icône pour cloner, supprimer ou modifier.
   
3. Faites glisser les bordures pour augmenter ou diminuer la taille.
   
7. Flex : Utilisez l'élément Flex dans la vue de détail de l'enregistrement pour contrôler la mise en page et sa réactivité dans l'interface utilisateur. Cet élément vous permet d'organiser les données de manière dynamique et d'améliorer l'expérience utilisateur. Faites simplement glisser et déposer l'élément Flex sur le Canvas pour commencer votre conception. Il existe trois types d'éléments Flex.
1. Vertical Flex - Permet aux éléments d'apparaître verticalement (sur plusieurs colonnes) dans l'élément.
2. Horizontal Flex - Permet aux éléments d'apparaître horizontalement (sur plusieurs lignes) dans l'élément.
3. Wrap Flex - Permet aux éléments de s'enrouler sur la ligne suivante lorsque le nombre d'éléments enfants dépasse la largeur de l'élément Flex parent.
   
8. Champs : Les champs sont similaires aux champs CRM et sont utilisés pour afficher des paires étiquette-valeur sur le Canvas.
   
1. Chaque champ contient une étiquette et une valeur.
   
2. La valeur affichée dans un champ peut être configurée à l'aide du résultat des requêtes.
3. Les champs aident à présenter des informations spécifiques dans un format clair et structuré sur le Canvas.
   
   Utilisez les champs lorsque vous souhaitez faire apparaître des points de données individuels récupérés via des requêtes.
   
   
9. Liste : Le composant List est similaire à un modèle de liste associée personnalisable et est utilisé pour afficher une liste d'enregistrements ainsi que leurs champs associés.
1. Une liste peut contenir plusieurs enregistrements.
2. Les enregistrements affichés dans la liste peuvent être configurés à l'aide des résultats des requêtes.
3. Chaque enregistrement de la liste peut inclure un ou plusieurs champs associés.
   
   Utilisez les listes lorsque vous souhaitez présenter plusieurs enregistrements retournés par une requête dans un format structuré basé sur une liste.
   
   
10. Grille: Le composant Grid est un conteneur de données qui dispose de grilles rectangulaires vous permettant de positionner vos données et éléments dans les bonnes proportions. Au-delà d'être un guide visuel, le composant Grid est conçu avec les propriétés suivantes pour le rendre réactif et dynamique :
    

1. Redimensionner les grilles
   
2. Masquer les grilles
   
3. Redimensionner l'espacement des grilles
   
4. Ajouter une largeur de point d'arrêt
   

Redimensionnement des grilles: Vous pouvez déterminer la largeur et la hauteur souhaitées des grilles en termes de nombre ou de pixels. Un redimensionnement basé sur le nombre conservera le même nombre de grilles sur la largeur et/ou la hauteur de l'élément. Pour maintenir le nombre de grilles configuré, les données seront étirées ou réduites. En revanche, un redimensionnement basé sur les pixels conservera la résolution des données sur l'envergure de la grille.

1. Ajustez la largeur et déterminez à quelle résolution les éléments doivent s'adapter.
   
2. En mode point d'arrêt, sélectionnez les composants individuels et personnalisez leur importance et leur visibilité :
   
1. Vous pouvez déterminer l'ordre
   
2. Ajouter ou modifier l'arrière-plan
   
3. Ajouter ou modifier les bordures
   
4. Ajustez l'ombre, le rayon et l'espacement interne.
   
5. Modérez la visibilité d'un composant pour qu'il s'affiche ou non selon la taille d'écran spécifiée.
   

Composant fixe et fluide

Application de styles aux éléments

Options de style pour une page

1. Arrière-plan
   
2. Espacement interne
   
3. Hauteur
   
4. Largeur
   
5. Adapter à l'écran
     
   

1. Sélectionnez une couleur d'arrière-plan dans la palette ou le sélecteur de couleurs. Vous pouvez également indiquer le code HEX de la couleur.
   
2. Cochez la case Image et cliquez sur Télécharger une image. Dans la fenêtre contextuelle, vous pouvez télécharger une image à partir de l'appareil, choisir parmi les images précédemment téléchargées ou utiliser une URL pour ajouter une image.
   
   
1. Taille de l'image - La taille peut être définie à l'aide de trois options.
   
1. Ajuster - Cette option ajustera la taille d'une image pour qu'elle s'adapte à la page, tout en conservant les proportions.
   
2. Original - L'image conservera sa taille d'origine.
   
3. Remplir - Cette option étirera l'image pour remplir la longueur et la largeur de la page, indépendamment des proportions.
   
2. Répétition de l'image - Si la taille de l'image d'arrière-plan est petite et ne couvre pas la page entière, vous pouvez utiliser l'option de répétition d'image. Cela vous permettra de répéter l'image plusieurs fois et de remplir complètement l'arrière-plan. Les types de répétition suivants peuvent être sélectionnés :
   
1. X - L'image se répétera le long de l'axe X.
   
2. Y - L'image se répétera le long de l'axe Y.
   
3. Les deux - L'image se répétera le long des axes X et Y de la page.
   
4. Pas de répétition - Cela empêche l'image d'être répétée.
   
3. Sélectionnez la Dégradé case à cocher pour créer une transition fluide entre plusieurs couleurs dans l'arrière-plan. Si vous choisissez plusieurs couleurs en ligne droite, la position peut être ajustée pour offrir un mélange parfait de toutes les couleurs.
   

1. Augmenter l'espacement interne : L'espacement interne peut être augmenté en faisant glisser le curseur vers la droite. Vous pouvez également spécifier l'espacement interne en pixels.
   
2. Même espacement interne pour tous les côtés : La case à cocher Même espacement interne pour tous les côtés applique l'espacement interne que vous avez configuré sur les quatre côtés de l'élément. Vous pouvez décocher cette case à cocher et définir un espacement interne différent pour les quatre côtés de l'élément.
   

Options de style pour les sections

1. Arrière-plan - Les options sont identiques à celles disponibles pour la page.
   
2. Bordure
   
3. Ombre
   
4. Rayon
   
5. Espacement interne - Les options sont identiques à celles disponibles pour la page.
   
6. Hauteur et largeur - Les options sont identiques à celles disponibles pour la page.
   
7. Profondeur
     
   

1. Ajuster l'épaisseur : Faites glisser le curseur pour augmenter la taille de la bordure. Vous pouvez également entrer la valeur de la bordure en pixels.
   
2. Style : Sélectionnez un style de bordure dans la liste déroulante.
   
3. Couleur : Choisissez une couleur pour la bordure dans la palette de couleurs ou entrez le code HEX d'une couleur.
   
4. Même bordure pour tous les côtés : Cochez cette option pour appliquer les paramètres de bordure aux quatre côtés de la section. Vous pouvez décocher cette case et définir une largeur, un style et une couleur différents pour chaque côté.
   

1. X - En fonction de la valeur, l'ombre se déplace horizontalement (à gauche ou à droite). Une valeur positive « X » place l'ombre du côté droit de l'élément. Une valeur négative pousse l'ombre vers la gauche.
   
2. Y - En fonction de la valeur, l'ombre se déplace verticalement (haut ou bas). Une valeur positive « Y » place l'ombre en haut et une valeur négative « Y » la pousse vers le bas.
   
3. Flou - Définit la netteté de l'ombre. Si le flou est 0, l'ombre sera nette. Plus la valeur est élevée, moins l'ombre sera nette.
   
4. Extension - Ajustez la taille de l'ombre. Une valeur d'extension positive augmentera l'ombre et une valeur d'extension négative la diminuera.
   
5. Couleur - La couleur de la bordure peut être choisie dans le sélecteur de couleurs.
   

1. Augmenter le rayon : Faites glisser le curseur pour augmenter le rayon ou entrez une valeur dans la zone.
   
2. Même rayon pour tous les côtés : Cochez l'option pour conserver la même taille de rayon pour les quatre côtés. Vous pouvez décocher l'option et définir des tailles de rayon différentes pour chaque côté.
   

1. Augmenter la marge : La marge peut être augmentée en faisant glisser le curseur vers la droite. Vous pouvez également spécifier la marge en pixels.
   
2. Même marge pour tous les côtés : La case Même marge pour tous les côtés applique la marge que vous avez configurée sur les quatre côtés de l'élément. Vous pouvez décocher cette case et définir une marge différente pour les quatre côtés de l'élément.
   

Options de style pour un onglet

1. États
   
2. Arrière-plan
   
3. Bordure
   
4. Rayon
   
5. Remplissage
   
6. Marge
   
7. Icônes
   
   
   
   
   

1. Actif - Quand l'onglet est sélectionné.
   
2. Survol - Quand vous survolez le nom de l'onglet.
   
3. Normal - Quand l'onglet n'est pas actif ou survolé.
   

Options de style pour un tableau, du texte, une icône et une ligne

1. Bordure
   
2. Ombre
   
3. Rayon
   
4. Marge intérieure
   
5. Profondeur
   

Options de style pour l'étiquette de champ

1. Modifiez la police, la taille de la police, la couleur, la casse, le barré ou définissez l'alignement du texte à gauche, au centre ou à droite.
   
2. Alignez l'étiquette à gauche, en haut, à droite, en bas.
   
3. Modifiez la couleur de l'arrière-plan, le rayon, la marge intérieure et la marge extérieure.
   
4. Cliquez avec le bouton droit sur l'étiquette pour modifier le champ, masquer l'étiquette, déplacer l'étiquette vers la gauche ou le haut, composant fixe ou fluide, copier le style et supprimer le champ.
   

Propriétés CSS personnalisées

Les propriétés personnalisées vous permettent d'appliquer un style CSS supplémentaire à n'importe quel élément dans Canvas. Vous pouvez choisir parmi une liste de propriétés CSS prises en charge et leur attribuer des valeurs, sans écrire de code.

Remarques :

1. Vous pouvez ajouter jusqu'à 25 propriétés par élément.
2. Disponible en Mode Liste, Mode Détail et Mode Formulaire.
3. Pris en charge pour les éléments tels que les champs, les listes associées, les liens, les sections, les onglets, les grilles, les tableaux, les boutons, le texte et les lignes.

Pour utiliser cette option, sélectionnez l'élément, cliquez sur Ajouter dans la section Propriétés personnalisées et choisissez les propriétés dans la liste déroulante. Entrez les valeurs correspondantes pour appliquer des styles tels que l'épaisseur de la police, la couleur de l'arrière-plan, l'espacement, etc.

Les modifications s'afficheront à la fois dans le Builder et le View pages.

Options de style pour un composant Flex

Alignement des éléments Flex

Vous pouvez aligner les éléments dans le composant Flex vers le haut à gauche, le haut au centre, le haut à droite, à gauche, au centre, à droite, le bas à gauche, le bas au centre, le bas à droite.

        

Espaces entre les éléments Flex

Vous pouvez ajouter des espaces entre les éléments dans le composant Flex pour donner une apparence plus uniforme à votre mise en page. Pour les composants Flex verticaux, choisissez Espaces verticaux entre les lignes, et pour les composants Flex horizontaux, choisissez Espaces horizontaux entre les éléments. Choisissez parmi :

1. Personnalisé pour fournir un espace spécifique entre chaque élément enfant à l'intérieur de l'élément parent.
   
2. Entre pour fournir un espace égal entre chaque élément enfant et l'élément parent.
   
3. Uniformément pour fournir un espace égal uniquement entre chaque élément enfant à l'intérieur de l'élément.
   
4. Autour pour fournir plus d'espace autour des éléments enfants et de l'élément parent.
   

      

Ajustement du composant Flex

Utilisez ceci pour redimensionner le composant Flex parent pour qu'il s'adapte aux éléments enfants à l'intérieur, plutôt que d'avoir les éléments se développer pour remplir l'espace du composant Flex parent. Choisissez :

1. hug-width - Pour redimensionner la largeur du composant Flex parent
   
2. hug-height - Pour redimensionner la hauteur du composant Flex parent ou
   
3. Utilisez les deux pour redimensionner le composant Flex parent pour qu'il s'adapte aux éléments uniformément.
   

Éléments Flex enfants

Ajoutez différents éléments au composant Flex en tant qu'éléments Flex enfants pour concevoir la mise en page de votre canvas. Pour ajouter ces éléments, glissez-déposez l'élément dans le composant Flex et double-cliquez dessus pour ajouter des styles et des préréglages.

- Vous pouvez aligner les éléments enfants à gauche, au centre ou à droite et aussi étirer ces éléments horizontalement, verticalement ou dans les deux sens dans le composant Flex parent.

            

 - Largeur minimale / maximale pour les éléments - Vous pouvez choisir de définir une limite pour la largeur minimale et maximale de l'élément, de sorte que lorsque le composant est redimensionné, la largeur de l'élément s'ajuste selon la limite définie. Lorsque vous définissez la largeur d'un élément, vous pouvez également choisir une sélection automatique ou définir un point de rupture au-dessus ou au-dessous duquel les éléments enfants ne peuvent pas être redimensionnés.

                  

Outils du composant Flex

Réactif automatique : Cet outil peut être utilisé pour que le composant Flex s'ajuste automatiquement horizontalement ou soit étiré verticalement en fonction de la taille du composant. Cela signifie que les éléments du composant se repositionneront ou se redimensionneront en maintenant une largeur minimale par défaut pour tous les éléments du composant. Si le composant est redimensionné, les éléments qu'il contient seront enveloppés à la ligne suivante pour maintenir la cohérence.                                                        

 Colonne automatique : Avec cet outil, le composant Flex arrange les éléments en lignes en fonction du nombre de colonnes. Le nombre de colonnes variera en fonction de la largeur minimale des éléments. Cela empêche le chevauchement sans nécessiter d'ajustements manuels. Vous pouvez sélectionner le nombre d'éléments qui doivent être présents dans une ligne et également définir la largeur minimale d'un élément.

                   Convertir en Flex : Vous pouvez convertir des éléments en composant Flex avec cet outil. Sélectionnez simplement un élément et cliquez sur Maj+A pour sélectionner plusieurs éléments. Cliquez avec le bouton droit sur les éléments sélectionnés et cliquez sur Convertir en Flex.

                  Remplacer par Section / Remplacer par Flex : Cet outil vous permet de remplacer un élément section par un composant Flex ou de remplacer un composant Flex par un élément section. Cliquez simplement avec le bouton droit sur un élément pour le remplacer par une section ou le remplacer par Flex comme montré ci-dessous. Lorsque vous remplacez une section par un composant Flex, il est automatiquement remplacé par un Flex vertical ; vous pouvez le changer en Flex horizontal si nécessaire.

                  

Options de style pour un composant grille

1. Largeur de point d'arrêt : ce paramètre, une fois activé, vous permet de fixer la largeur du point d'arrêt lors du redimensionnement. Vous pouvez appliquer les options de style souhaitées à ce composant de grille lorsque l'écran de rendu est redimensionné à la largeur de point d'arrêt définie.
   Vous pouvez faire glisser la poignée sur le canevas pour fixer la largeur souhaitée ou spécifier la taille en pixels.
2. Grilles intelligentes : chaque cellule de grille du composant s'adapte automatiquement. Vous pouvez rendre ces cellules adaptatives à vos données en les conservant en pixels ou en gardant les données adaptatives au nombre de cellules, indépendamment de la hauteur et de la largeur du composant global.
   
1. Si vous conservez la hauteur et la largeur en pixels, à mesure que vous agrandissez le composant, de nouveaux pixels rempliront la largeur du composant. Si vous réduisez, le contenu prendra précédence et vous empêchera de réduire davantage.
   
2. Si vous conservez la hauteur et la largeur en termes de nombre de cellules, quel que soit l'agrandissement ou la réduction, le nombre de cellules de grille restera identique, entraînant une réduction du contenu placé dessus.
   
3. Cette propriété de grille intelligente permet à la grille de s'adapter aux données que vous y insérez.
   

1. En outre, vous pouvez masquer la grille lors de la modification tout en respectant les propriétés de grille si ces cellules ne servent qu'à obstruer la vue de conception du canevas plutôt que de vous guider.
   
2. De plus, si vous souhaitez ajuster l'espacement entre les cellules de grille, vous pouvez le faire en cherchant l'option d'espacement de grille sous les grilles intelligentes. Par défaut, l'espacement de grille s'ajuste pour toutes les grilles. Toutefois, si vous souhaitez modifier l'espacement des cellules verticalement ou horizontalement, vous pouvez le faire en cliquant sur Espacement de grille des deux côtés case à cocher.
   

Transformation vers et à partir du composant Grille

1. Remplacer par une grille : vous pouvez remplacer vos composants comme les sections et Flex par une grille en un seul clic. Il vous suffit de cliquer sur le composant à remplacer, de faire un clic droit sur les propriétés de votre souris ou pavé tactile, puis de sélectionner Remplacer par une grille.
   
2. Convertir plusieurs composants en grille : si vous souhaitez remplacer ou convertir plusieurs composants (sections et Flex uniquement) de votre Canvas en grille, sélectionnez-les par glissement et cliquez avec le bouton droit pour voir l'option de conversion en grille dans les propriétés. La sélection de cette option transformera tous vos composants sélectionnés en composants de grille. Vous pouvez également utiliser le raccourci clavier : Command/Ctrl+Maj+clic.
   
   

Styles conditionnels avec les règles Canvas

Pour créer une règle Canvas

1. À l'intérieur du Canvas Builder, sélectionnez un élément.
   
2. Cliquez sur « + » l'icône.
   
   
   
   
3. Cliquez sur Créer une règle Canvas.
   
4. Dans la Règle Canvas fenêtre contextuelle qui s'ouvre, spécifiez la condition.
   
   
   
   
5. Cliquez sur Enregistrer.
   
6. La règle Canvas sera créée et sélectionnée. Cliquez sur Appliquer.
   
   
   
   
7. Dans la Style pour cet élément. Vous verrez un nouvel onglet avec le nom de cette règle. Tous les styles que vous configurez ici seront appliqués à cet élément uniquement lorsque la condition de la règle Canvas est satisfaite.
   
   
   
   

Ajouter des options de style aux présets

Les options de style peuvent être ajoutées aux présets en sélectionnant l'élément sur le canevas et en effectuant un clic droit.

1. Texte, Étiquette et Valeur
   
2. Champ
   
3. Section et Page
   
4. Onglet
   
5. Listes associées
   
6. Tableau
7. Boutons

Application des options de style à partir des présets

Avant d'ajouter le composant au canevas, vous pouvez également l'apercevoir en le survolant.

Remarques :

1. Vous pouvez enregistrer jusqu'à 25 composants préférés dans les composants réutilisables.
2. Un composant peut être réutilisé sur des canevas créés pour différents modules CRM. Les champs créés pour un module seront automatiquement mappés et affichés avec les champs de l'autre.
   
   
3. Si les champs ne pouvaient pas être appariés, un type de champ similaire disponible dans le module choisi s'affichera, et si le type de champ n'est pas disponible dans le module de destination, il sera indiqué comme N/A. Dans l'un ou l'autre cas, vous pouvez modifier le type de champ en cliquant avec le bouton droit sur le composant.
   

           

Export et import de Canvas

Export de Canvas

Pour exporter un canevas

1. Sur la page d'accueil de Canvas, survolez le canevas que vous souhaitez exporter, puis cliquez sur l'icône de points de suspension (...).
   
2. Sélectionnez Exporter un canevas.
   
   
3. La page d'export de Canvas vous avisera du nombre de fois que vous pouvez exporter des canevas de votre organisation. Cliquez sur le bouton Exporter.
   
   
4. La page suivante affichera une clé alphanumérique unique. Cliquez sur Copier, puis sur Terminé. La clé peut maintenant être partagée avec le destinataire personnellement.
   
   

Import de Canvas

Outre la création d'un nouveau canevas à partir de zéro ou le clonage d'un canevas existant, vous pouvez également importer un canevas qu'un utilisateur de votre organisation ou d'une autre organisation CRM a partagé avec vous. Une fois la clé unique appliquée, vous pouvez modifier le canevas et l'assigner aux utilisateurs de votre organisation.

Pour importer un canevas

1. Sur la page d'accueil de Canvas , cliquez sur le menu déroulant à côté du bouton Créer une page de détail d'enregistrement et sélectionnez Importer un canevas.
   
   
2. Sur la page d'import d'enregistrement personnalisé, sélectionnez un module et une disposition , collez la clé de canevas , puis cliquez sur Importer.
   

Importer et exporter des Canvas vers et depuis Canvas : méthode alternative

1. Depuis la page d'accueil Canvas, créez une nouvelle page de détail d'enregistrement.
   
2. Cliquez sur l' icône de points de suspension (...) dans le volet gauche.
   
   
1. Sélectionnez Importer Canvas.
   
2. Sélectionnez Exporter Canvas. 
   

Définir la page de détail Canvas par défaut

Remarque :

1. L'option de modification est disponible uniquement pour la page Canvas et les champs, non pour tous les éléments Canvas.
   
2. Par défaut, l'option de modification est désactivée, et les utilisateurs doivent l'activer pour l'utiliser.
   
3. Si le mode Édition rapide est activé pour une page, il s'applique à tous les champs de cette page. Cela signifie que l'utilisateur peut modifier tous les champs à l'aide du mode Édition rapide.