Autorisation requise

Les utilisateurs disposant de l'autorisation de gérer la personnalisation peuvent personnaliser la page Détail de l'enregistrement

Composants du concepteur de Canvas pour la page Détails

1. Éléments : se compose des différents composants présents dans une mise en page : Section, Onglet, Tableau, Texte, Icône et Courbes.
2. Données : comprend la liste des composants qui seront affichés dans une mise en page : Champs, Listes associées, Liens et Actions (boutons comme Modifier, Soumettre, Suivant, etc.).
3. Style: la fonction Style vous permet de modifier la police, la taille de la police, la couleur d'arrière-plan, les bordures, les ombres, le rayon, la marge intérieure, la marge extérieure et d'insérer une image d'arrière-plan. Ces modifications peuvent être appliquées en sélectionnant un élément souhaité dans le concepteur de Canvas. Les options varient selon l'élément sélectionné.

Comprendre les composants

1. Section : une section est un espace ou bloc vide qui apparaîtra dans la page Détails.
   
1. Vous pouvez insérer des champs de mise en page dans une section, des images de lieux ou des emplacements, ou l'utiliser comme bannière pour afficher un message, etc.
   
2. Faites glisser les bordures pour redimensionner la zone de section.
   
3. Cliquez sur    l'icône pour cloner la section.
   
4. Vous pouvez cliquer avec le bouton droit de la souris sur la section puis sur Insérer pour ajouter des champs, rendre le composant fixe ou fluide, copier, 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 listes associées dans différents écrans. Il s'agit du meilleur moyen de faciliter la navigation et d'organiser l'affichage pour les utilisateurs. Par exemple, dans l'image ci-dessous, l'onglet Informations est placé dans le module Produits, qui comporte trois onglets : Remarques, Pièces jointes et Activités en cours, le tout dans une seule section. En cliquant sur l'icône +, vous pouvez ajouter d'autres champs ou listes associées sous forme d'onglets.
     
   
1. Dans le panneau de gauche, vous pouvez saisir le nom de l'onglet puis cliquer sur l'icône + pour ajouter d'autres onglets.
2. Passez la souris sur les onglets et cliquez sur l'icône de fermeture pour supprimer un onglet.
3. Passez la souris sur un onglet, et lorsque vous obtenez l'icône de double flèche, faites glisser l'onglet puis relâchez le bouton de la souris pour modifier sa position.
4. Cliquez à l'aide du bouton droit de la souris dans l'onglet pour modifier la liste associée, rendre un composant fluide ou fixe, copier ou coller une liste associée et supprimer.
5. Vous pouvez insérer des éléments de style comme l'image, la couleur d'arrière-plan et bien plus encore. (En savoir plus sur les styles.)
     
   
3. Tableau :  le tableau peut être utilisé pour afficher les enregistrements sous forme de tableau. Par exemple, dans l'image ci-dessous, le nom du produit, la description, le stockage principal sont les champs présents dans la mise en page et sont affichés sous forme de lignes et de colonnes. Le format de tableau vous permet de gagner de l'espace dans la page Détails.
1. Passez la souris sur les lignes et colonnes, puis cliquez sur les icônes + ou - pour ajouter ou supprimer une ligne ou colonne.
     
   
2. Cliquez avec le bouton droit de la souris sur une ligne pour modifier les champs, rendre un composant fluide ou fixe, copier ou coller le style ou supprimer le champ.
     
   
3. Faites glisser les bordures pour redimensionner le tableau.
4. Texte : ajoutez une zone de texte pour saisir du contenu dans la page Détails. Par exemple, utilisez-la comme en-tête avant de commencer une section ou pour ajouter une remarque, un avertissement, etc.
1. Faites glisser les bordures pour redimensionner la zone de texte.
2. Cliquez avec le bouton droit de la souris pour cloner, rendre un composant fixe ou fluide ou supprimer la zone de texte.
     
   
5. Icône : utilisez une icône pour représenter un champ au lieu d'une étiquette de texte conventionnelle. Par exemple, dans l'image ci-dessous, le nom et le prix du produit sont affichés à 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 ou le bas, et choisissez parmi de nombreuses icônes.
2. Cliquez sur l'icône pour cloner, supprimer ou modifier.
3. Faites glisser les bordures pour augmenter ou diminuer la taille.
   
   

Composant fixe et fluide

Personnaliser la page Détails de I'enregistrement

1. Rendez-vous dans Setup > Customization > Canvas Builder. (Configurer > Personnalisation > Concepteur de Canvas).
2. Cliquez sur +Create Record Detail page. (Créer une page Détail de l'enregistrement).
3. Sur la page Create a Custom Record (Créer un enregistrement personnalisé), sélectionnez le Module et la mise en page Layout dans la liste déroulante.
   Vous pouvez créer un maximum de 5 affichages/mises en page de Canvas.
4. Cliquez sur Create (Créer).
     
   
5. Dans Canvas Builder (Concepteur de Canvas), cliquez sur Elements dans le panneau de gauche.
6. Faites glisser et déposez les Sections, les Onglets, le Tableau, le Texte ou les Icônes dans l'espace vide.
7. Ajoutez des Styles si nécessaire.
   Reportez-vous aux informations sur l'application d'un style aux éléments.
8. Dans la barre de menu supérieure, vous pouvez effectuer les opérations suivantes:
   
1. Annuler ou rétablir les modifications.
2. Afficher un aperçu du Canvas avant de l'enregistrer.
3. Affichez le Canvas en plein écran.
4. Nommez le Canvas.
     
   

Application d'un style aux éléments

1. Arrière-plan
   
2. Marge intérieure
   
3. Hauteur
   
4. Largeur
5. Ajuster à la taille de 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 saisissez l'URL de l'image pour l'utiliser comme arrière-plan.
1. Taille de l'image : la taille peut être définie à l'aide de trois options.
1. Contenir : cette option ajuste la taille d'une image pour qu'elle s'adapte à une page, tout en conservant un rapport hauteur/largeur intact.
   
2. Original : cette image sera conservée dans sa taille d'origine.
   
3. Couverture : cette option permet d'étirer l'image pour remplir la longueur et la largeur de la page, quel que soit le rapport hauteur/largeur.
2. Répétition de l'image : si la taille de l'image d'arrière-plan est trop petite pour couvrir toute la page, vous pouvez utiliser l'option de répétition de l'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ète selon un axe horizontal.
   
2. Y : l'image se répète selon un axe vertical.
   
3. Les deux : l'image se répète selon un axe horizontal et vertical.
   
4. Pas de répétition : empêche la répétition de l'image.
3. Cochez la case Dégradé pour créer une transition douce entre plusieurs couleurs en 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 la marge intérieure : la marge intérieure peut être augmentée en faisant glisser le curseur vers la droite. Vous pouvez également spécifier la marge intérieure en pixels.
   
2. Marge intérieure identique de tous les côtés : la case Marge intérieure identique de tous les côtés applique la marge intérieure que vous avez configurée sur les quatre côtés de l'élément. Vous pouvez désélectionner cette case à cocher et définir des marges intérieures différentes pour les quatre côtés de l'élément.

Options de style pour les sections

1. Arrière-plan : les options sont les mêmes que celles disponibles pour la page.
   
2. Bordure
   
3. Ombre
   
4. Rayon
   
5. Marge intérieure : les options sont les mêmes que celles disponibles pour la page.
   
6. Hauteur et largeur : les options sont les mêmes que 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 saisir la valeur de la bordure en pixels.
   
2. Style : sélectionnez un style de bordure dans la liste déroulante. Couleur : choisissez une couleur pour la bordure dans la palette ou saisissez le code HEX d'une couleur.
   
3. Bordure identique de 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 des largeurs, styles et couleurs différents pour chaque côté.

1. X : en fonction de la valeur, l'ombre se déplace horizontalement (vers la gauche ou la droite). Une valeur X positive place l'ombre sur le 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 (vers le haut ou le bas). Une valeur Y positive place l'ombre sur le haut, et une valeur Y négative la pousse vers le bas.
   
3. Flou : définit la netteté de l'ombre. Si la valeur du champ Flou est égale à 0, l'ombre sera nette. Plus la valeur est élevée, plus la netteté est faible.
   
4. Propagation : ajustez la taille de l'ombre, une valeur de propagation positive augmente l'ombre et une valeur de propagation négative la diminue.
   
5. Couleur : la couleur de bordure peut être choisie dans le sélecteur.

1. Augmenter le rayon : faites glisser le curseur pour augmenter le rayon ou saisissez une valeur dans la case.
   
2. Rayon identique de tous les côtés : activez l'option pour conserver la même taille de rayon pour les quatre côtés. Vous pouvez désélectionner l'option et définir différentes tailles de rayon 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. Marge identique de tous les côtés : la case Marge identique de 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ésélectionner cette case à cocher et définir des marges différentes pour les quatre côtés de l'élément.
   

Options de style pour un onglet

1. Statuts
   
2. Arrière-plan
   
3. Bordure
   
4. Rayon
   
5. Marge intérieure
   
6. Marge
7. Icônes
   
   
   

1. Actif : lorsque l'onglet est sélectionné.
   
2. Survoler : lorsque vous passez la souris sur le nom de l'onglet.
   
3. Normal : lorsque l'onglet n'est pas actif et que vous ne passez pas la souris dessus.

Remarque

1. Les listes associées ajoutées à l'élément Onglet ne peuvent pas être renommées.
2. Cliquez sur l'icône + pour ajouter plus d'onglets.
3. Cliquez avec le bouton droit de la souris dans l'onglet pour insérer d'autres champs, rendre un composant fixe ou fluide ou supprimer l'onglet. Vous pouvez également cliquer sur l'icône de fermeture pour supprimer un onglet.
4. Passez la souris sur les trois barres à côté du nom de l'onglet (  ), et lorsque vous voyez la double flèche, faites glisser et déposez l'onglet à la position souhaitée.

Options de style pour un tableau, un texte, une icône et des courbes

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 ou la casse, barrez le texte ou définissez l'alignement du texte à gauche, au centre ou à droite.
   
2. Alignez l'étiquette sur la gauche, le haut, la droite, le bas.
   
3. Modifiez la couleur d'arrière-plan, le rayon, la marge intérieure et la marge extérieure.
4. Cliquez avec le bouton droit de la souris sur l'étiquette pour modifier le champ, masquer l'étiquette, déplacer l'étiquette vers la gauche ou le haut, rendre le composant fixe ou fluide, copier le style et supprimer le champ.

  

Définition de la page Détails du Canvas comme page par défaut

1. Rendez-vous dans Setup > Customization > Canvas Builder (Configurer > Personnalisation > Concepteur Canvas). 
   
2. Cliquez sur l'onglet Canvas tab > Canvas Assignment (Canvas > Attribution Canvas).
   
3. Sur la page Canvas Assignment (Attribution Canvas), sélectionnez un module et une mise en page dans la liste déroulante.
   
4. Sélectionnez Canvas à côté du profil correspondant.
   
5. Cliquez sur Save (Enregistrer).

Remarque

Dans l'affichage Liste de l'attribution Canvas, passez la souris sur Canvas et cliquez sur l'icône Plus pour modifier Canvas, cloner, renommer, prévisualiser ou supprimer.