FAQ : Canvas dans Zoho CRM

Cette page a été traduite à l'aide d'outils d'IA et peut contenir des erreurs. Pour les détails les plus précis et à jour, consultez la version anglaise originale.

Qu'est-ce que Canvas dans Zoho CRM et pourquoi est-ce utile ?

Canvas est l'outil de conception intuitif, sans code, de Zoho CRM qui vous permet de créer des mises en page personnalisées pour les pages de détail des enregistrements, les listes et les formulaires de saisie de données. Grâce à son éditeur glisser-déposer, vous pouvez organiser les champs, intégrer les couleurs de votre marque, ajouter des icônes, des sections ou des onglets, et adapter la mise en page au flux de travail de votre équipe.

Canvas est utile car il :

Simplifie les pages d'enregistrement et les rend plus conviviales.
Met en avant les données clés dont chaque équipe a besoin.
Augmente l'adoption du CRM en fournissant une mise en page facile à comprendre.
Normalise la façon dont les données sont saisies et affichées dans toutes les équipes.
Permet des vues personnalisées en fonction des rôles des utilisateurs pour s'assurer que chaque équipe voit ce qui est le plus pertinent pour elle.

En résumé, Canvas transforme Zoho CRM d'une interface générique en une expérience entièrement personnalisable.

Création et gestion des mises en page

Comment commencer à créer une mise en page Canvas ?

Pour créer une mise en page Canvas dans Zoho CRM, suivez les étapes ci-dessous :

Accédez à Configuration > Personnalisation, puis cliquez sur Canvas Builder.
Choisissez si vous souhaitez concevoir la vue de liste, la vue de détail, ou la vue de formulaire (page de saisie de données).

Pour la vue de liste :

Cliquez sur Nouvelle page de liste.
Sélectionnez le module (comme Leads, Contacts, Deals, etc.) auquel la personnalisation s'appliquera.
Choisissez un type—liste personnalisée, mosaïque, ou tableau. (Vous pouvez aussi prévisualiser les types.)

Pour la vue de détail :

Choisissez entre web ou onglets mobiles à personnaliser.
Cliquez sur Créer un détail d'enregistrement. Vous pouvez aussi importer un Canvas.
Sélectionnez le module (comme Leads, Contacts, Deals, etc.) auquel la personnalisation s'appliquera.
Choisissez une option de mise en page dans le menu déroulant et cliquez sur Créer.

Pour la vue de formulaire :

Cliquez sur le bouton Créer une page de formulaire. Vous pouvez aussi importer un Canvas.
Sélectionnez le module (comme Leads, Contacts, Deals, etc.) auquel la personnalisation s'appliquera.
Choisissez une option de mise en page dans le menu déroulant et cliquez sur Créer.

Commencez à construire votre mise en page en utilisant l'éditeur glisser-déposer. Vous pouvez ajouter des champs, du texte, des onglets, listes associées, images, et bien d'autres éléments depuis le panneau de gauche.
Appliquez le style (polices, couleurs, espacements) et utilisez Canvas Rules si vous souhaitez que la mise en page s'adapte dynamiquement selon les valeurs des champs.
Une fois terminé, cliquez sur Enregistrer et attribuez la mise en page à un ou plusieurs profils utilisateur.

Vous pouvez afficher un aperçu de votre mise en page avant de la publier pour vous assurer qu'elle s'affiche correctement pour tous les utilisateurs, et créer différentes mises en page pour différents profils au sein du même module.

Pour une explication détaillée de chaque étape, veuillez consulter cette documentation.

Puis-je réutiliser les mises en page Canvas dans plusieurs modules ?

Non, vous ne pouvez pas réutiliser une mise en page Canvas dans plusieurs modules de Zoho CRM. Chaque mise en page est conçue spécifiquement pour le module dans lequel elle a été créée (par exemple Leads, Deals ou Contacts) et ne peut pas être copiée ou appliquée directement à un autre module.

Cependant, Zoho CRM fournit des fonctionnalités utiles pour maintenir la cohérence :

Composants réutilisables : Vous pouvez enregistrer les combinaisons couramment utilisées de champs, de texte et d'éléments de conception, et les utiliser dans d'autres mises en page du même module.
Paramètres prédéfinis de style : Avec ces paramètres prédéfinis, vous pouvez appliquer les mêmes styles (comme la police, la couleur et les bordures) dans plusieurs mises en page pour maintenir facilement la cohérence visuelle.

Puis-je revenir à la mise en page par défaut après avoir utilisé Canvas ?

Oui, vous pouvez revenir à la mise en page standard de Zoho CRM à tout moment.

Si une mise en page Canvas a été attribuée à un profil, les utilisateurs de ce profil verront la vue personnalisée. Pour revenir à la mise en page CRM d'origine, accédez simplement aux paramètres d'attribution Canvas dans le module et effectuez l'une des actions suivantes :

Supprimez l'attribution de mise en page Canvas pour le profil.
Désactivez la vue Canvas pour ce profil.

Une fois l'attribution Canvas supprimée, les utilisateurs verront automatiquement la vue d'enregistrement par défaut de Zoho CRM (basée sur la mise en page standard du module).

Puis-je créer des mises en page Canvas pour les vues de formulaire, les vues de détail et les vues de liste ?

Oui ! Canvas prend désormais en charge les trois vues : vues de liste (une liste d'enregistrements), vues de formulaire (utilisées pour la saisie de données), et vues de détail (utilisées pour consulter les enregistrements). Vous pouvez les attribuer et les concevoir séparément.

Fonctionnalités de personnalisation

Quelles options de personnalisation sont disponibles dans Canvas ?

Canvas propose un large éventail de fonctionnalités et d'options :

Utilisez un glisser-déposer pour placer des champs et des éléments.
Ajoutez des onglets, des sections, des tableaux, du texte, des icônes et images.
Appliquez des paramètres de style tels que la police, la couleur, l'ombre et l'espacement interne.
Créez et réutilisez le style des paramètres prédéfinis et des composants réutilisables.
Appliquez Canvas Rules pour le style conditionnel et la visibilité.
Organisez les listes associées à l'aide de sous-onglets.

Que sont les composants réutilisables dans Canvas ?

Les composants réutilisables dans Canvas vous permettent d'enregistrer des groupes d'éléments de mise en page, tels que des champs, des étiquettes, du texte ou des icônes, comme un seul bloc que vous pouvez insérer dans d'autres mises en page Canvas du même module.

Au lieu de concevoir la même section à plusieurs reprises, vous pouvez la construire une fois, l'enregistrer et la réutiliser partout où c'est nécessaire. Cela permet de maintenir une mise en page cohérente et de gagner du temps lorsque vous travaillez sur plusieurs affichages du même module.

Ces composants sont spécifiques au module dans lequel ils ont été créés et ne peuvent pas être utilisés dans d'autres modules.

Que sont les présets de style ?

Les présets de style dans Canvas vous permettent d'enregistrer une combinaison de paramètres de conception— comme les polices, les couleurs, les bordures, l'espacement, et l'alignement— et les appliquer rapidement à d'autres éléments de votre mise en page.

Au lieu de styliser manuellement chaque champ ou section un par un, vous pouvez créer un préset une fois et le réutiliser dans toute votre mise en page. Cela permet de maintenir la cohérence de la conception et d'accélérer le processus de formatage.

Les présets de style sont particulièrement utiles lorsque vous travaillez sur plusieurs mises en page et que vous souhaitez qu'elles suivent le même thème visuel.

Puis-je appliquer un style conditionnel dans Canvas ?

Oui, vous pouvez appliquer un style conditionnel en utilisant Canvas Rules dans Zoho CRM. Canvas Rules vous permettent de modifier l'apparence (par exemple, l'arrière-plan couleur, formatage du texte, les bordures) ou la visibilité (par exemple, afficher/masquer les champs ou les sections) des composants de manière dynamique en fonction des valeurs de champs spécifiques ou des critères liés à l'utilisateur.

Par exemple :

Mettez en évidence les transactions en retard en rouge si la "Date de clôture" est antérieure à aujourd'hui.
Masquez le "Téléphone" si aucun numéro de téléphone n'est disponible.
Stylisez l'arrière-plan d'un enregistrement différemment pour les clients VIP.

Les éléments applicables incluent :

Champs (étiquettes et valeurs)
Sections
Onglets
Listes associées
Images
Composants de texte

Vous pouvez réutiliser Canvas Rules sur plusieurs éléments et les modifier ou les supprimer à tout moment.

Qu'est-ce que l'Éditeur d'état du champ ?

Avec l'Éditeur d'état du champ de Canvas, vous pouvez modifier l'apparence d'un champ en fonction de son état actuel sans aucune règle ni script.

Par exemple, vous pouvez personnaliser l'apparence d'un champ lorsqu'il est dans l'un des états suivants :

Obligatoire (mettez-le en évidence avec une bordure ou un arrière-plan différent)
Désactivé (atténuez-le ou changez la couleur du texte)
En erreur (ajoutez une bordure ou une icône rouge)
Vide ou par défaut (afficher un style d'espace réservé)

Cela aide les utilisateurs à reconnaître instantanément les champs qui nécessitent une attention particulière ou qui sont restreints, améliorant la clarté lors de la saisie et de la révision des données.

Vous pouvez trouver ces paramètres sous la Style lors de la sélection d'un champ dans le générateur Canvas.

Listes associées et onglets

Comment Canvas gère-t-il les listes associées ?

Canvas vous permet d'organiser et de présenter les listes associées visuellement de manière beaucoup plus flexible par rapport à la mise en page CRM standard.

Voici comment cela fonctionne :

Vous pouvez faire glisser et déposer les listes associées (comme les Notes, les Pièces jointes ou les Transactions) directement dans votre mise en page Canvas.
Choisissez quels champs des enregistrements associés afficher et organisez-les pour adapter votre conception.
Pour garder les choses organisées, vous pouvez regrouper plusieurs listes associées dans des sous-onglets. Par exemple, vous pouvez placer "Task, Appels, et Réunions sous un seul onglet intitulé « Activités. »
Vous pouvez afficher jusqu'à 20 enregistrements par page. L'ordre de tri suit la configuration définie dans la présentation CRM standard (il ne peut pas être personnalisé dans Canvas).

Puis-je ajouter plusieurs listes associées dans un seul onglet ?

Oui, vous pouvez ajouter plusieurs listes associées dans un seul onglet de Canvas.

Pour ce faire, utilisez l'option Sous-onglet au sein du composant Onglets. Cela vous permet de regrouper les listes associées sous un onglet parent unique — par exemple, pour regrouper Task, Appels et Réunions dans un onglet intitulé « Activités. » Chaque liste associée peut être ajoutée en tant que sous-onglet dans cet onglet principal.

Cela permet de conserver une présentation organisée, de réduire le désordre et de permettre aux utilisateurs de basculer entre les données associées sans quitter l'onglet.

Attribution et accessibilité

Puis-je assigner différentes présentations Canvas à différents utilisateurs ?

Oui, vous pouvez assigner différentes présentations Canvas aux utilisateurs en fonction de leurs profils dans Zoho CRM.

Lors de la configuration d'une présentation Canvas, vous pouvez choisir les profils utilisateur qui doivent la voir. Par exemple, l'équipe de vente peut disposer d'une présentation mettant l'accent sur les tailles de transactions et les dates de fermeture, tandis que l'équipe d'assistance voit une présentation axée sur les problèmes des clients et les statuts de résolution.

Veuillez noter :

Les attributions sont effectuées au niveau du profil, et non par rôles ou groupes d'utilisateurs.
Vous pouvez assigner différentes présentations pour les vues de formulaire et les vues de détail dans le même module.

Puis-je assigner différentes présentations pour mobile et bureau ?

Non, vous ne pouvez pas assigner des présentations Canvas distinctes spécifiquement pour mobile et bureau.

Cependant, les présentations conçues dans Canvas sont automatiquement optimisées pour mobile. Cela signifie que lorsque les utilisateurs accèdent à Zoho CRM via l'application mobile, la présentation Canvas s'ajustera à l'écran, garantissant qu'elle reste claire et utilisable.

Actuellement :

La prise en charge mobile est disponible uniquement pour les vues de détail dans Canvas.
Les vues de formulaire ne sont pas encore prises en charge sur mobile.

Bien que vous ne puissiez pas créer deux versions distinctes, la même présentation s'adaptera en fonction de l'appareil utilisé.

Canvas est-il disponible sur l'application mobile Zoho CRM ?

Oui, Canvas est disponible sur l'application mobile Zoho CRM, mais avec certaines limitations.

Actuellement, seules les présentations Canvas pour la vue de détail sont prises en charge sur mobile. Cela signifie que les utilisateurs peuvent consulter des pages d'enregistrements personnalisées sur leurs téléphones, tout comme sur le web, mais adaptées aux petits écrans.

Cependant, veuillez noter :

Les vues de formulaire Canvas ne sont pas encore disponibles sur mobile.
Les présentations sont automatiquement ajustées pour mobile, mais vous ne pouvez pas concevoir des versions distinctes pour mobile et web.

Autorisations et utilisabilité

Quelles autorisations sont requises pour utiliser Canvas ?

Pour accéder à Canvas et l'utiliser dans Zoho CRM, un utilisateur doit disposer de l'autorisation Personnalisation du module activée dans son profil.

Seuls les utilisateurs disposant des autorisations de personnalisation des modules peuvent :

Ouvrir le Générateur Canvas.
Créer ou modifier les présentations Canvas.
Assigner les présentations aux profils utilisateur.

Si un utilisateur ne dispose pas de cette autorisation, il peut toujours consulter les présentations Canvas qui lui sont assignées, mais ne pourra pas les modifier ni en créer de nouvelles.

Puis-je créer des boutons dans Canvas ?

Non. Les boutons doivent être créés dans le Générateur de modules, puis ajoutés à votre présentation Canvas.

Puis-je utiliser le glisser-déposer en masse pour les champs ?

Non, le glisser-déposer en masse n'est pas pris en charge dans Canvas.

Vous devez faire glisser chaque champ individuellement dans votre présentation à partir de la liste des champs du volet gauche. Cela vous donne plus de contrôle sur le placement de chaque élément, mais cela peut prendre plus de temps si vous travaillez avec un grand nombre de champs.

Pour une construction de présentation plus rapide, envisagez d'utiliser des composants réutilisables pour regrouper et réutiliser des ensembles de champs que vous avez déjà disposés.

Puis-je afficher ou masquer les onglets en utilisant les Règles Canvas ?

Non, vous ne pouvez pas afficher ou masquer des onglets entiers en utilisant les Règles Canvas.

les Règles Canvas vous permettent de contrôler la visibilité et le style de composants individuels tels que les champs,blocs de texte, ou sections— mais pas les onglets. Si vous souhaitez afficher ou masquer les onglets de manière dynamique selon certaines conditions, vous devrez utiliser un Client Script (CScript) à la place.

Puis-je rendre les composants collants lors du défilement ?

Non, Canvas ne prend pas actuellement en charge le positionnement collant pour les composants.

Migration et compatibilité

Qu'advient-il des champs non ajoutés à la mise en page Canvas ?

Les champs qui ne sont pas ajoutés à une mise en page Canvas existeront toujours dans le module et feront partie des données de l'enregistrement, mais ils ne seront pas visibles aux utilisateurs lors de la consultation ou de la modification des enregistrements via cette mise en page Canvas.

Cela signifie :

Les utilisateurs ne pourront pas voir ou mettre à jour ces champs à partir de la vue Canvas.
Les données de ces champs restent intactes et peuvent toujours être consultées via les rapports, les API, ou autres CRM vues.

Les champs nouvellement ajoutés à un module apparaîtront-ils automatiquement dans Canvas ?

Non, les champs nouvellement ajoutés à un module n'apparaîtront pas automatiquement dans votre mise en page Canvas existante.

Si vous créez un nouveau champ dans un module (à l'aide du Module Builder), il devient disponible dans le panneau Champs à l'intérieur du Canvas Builder — mais vous devrez le faire glisser manuellement dans votre mise en page pour qu'il soit visible pour les utilisateurs.

En attendant, le champ reste caché dans le vue Canvas, bien qu'il existe toujours et contienne des données en arrière-plan.

Puis-je exporter/importer les mises en page Canvas entre les comptes Zoho CRM ?

Non, Zoho CRM ne prend pas actuellement en charge l'export ou l'import des mises en page Canvas entre différents comptes CRM ou centres de données.

Chaque mise en page Canvas est liée au module et au compte dans lesquels elle a été créée. Bien que vous puissiez réutiliser des composants et des présets de style au sein du même module ou compte, il n'existe pas d'option intégrée pour transférer une mise en page complète à une autre instance CRM.

Si vous avez besoin de recréer une mise en page ailleurs, vous devrez la reconstruire manuellement en utilisant les mêmes éléments de conception.

Éléments avancés et intégrations

Quels composants puis-je utiliser dans les mises en page Canvas ?

Canvas offre une variété de composants que vous pouvez faire glisser et déposer dans votre mise en page pour structurer et styliser vos pages CRM comme vous le souhaitez. Ceux-ci incluent :

Champs — Ajoutez des champs standard et personnalisés de votre module (par exemple, Nom, E-mail, Montant).
Texte — Ajoutez des étiquettes personnalisées, des instructions ou des titres n'importe où dans votre mise en page.
Images — Insérez des logos, des éléments visuels de produits ou des icônes pour améliorer la clarté visuelle.
Icônes — Utilisez des éléments visuels symboliques pour attirer l'attention ou guider les utilisateurs.
Onglets — Organisez le contenu en sections séparées pour une navigation facile.
Sections — Groupez les champs et éléments connexes.
Tableaux — Affichez des données tabulaires comme les sous-formulaires.
Listes associées — Affichez les enregistrements associés comme Notes, Task, ou Produits.
Chronologie — Incluez les historiques d'activité des enregistrements.
Widgets — Ajoutez des éléments interactifs ou externes comme les cartes, les graphiques, ou Zoho Analytics tableaux de bord.

Puis-je ajouter Zoho Analytics ou des widgets externes dans Canvas ?

Oui, vous pouvez ajouter des widgets— y compris ceux créés à l'aide Zoho Creator, Zoho Analytics, ou d'autres outils externes— à vos mises en page Canvas.

Cela vous permet de :

Intégrez des tableaux de bord, des graphiques ou des KPI de Zoho Analytics directement dans une vue d'enregistrement.
Ajoutez des widgets personnalisés tels que des cartes, des calculatrices ou des applications tierces pour améliorer l'utilisabilité.
Affichez des informations contextuelles sans basculer entre les onglets ou les outils.

Pour ajouter un widget, il doit être créé et hébergé dans votre écosystème Zoho ou sur une plateforme intégrée, puis inséré dans Canvas à l'aide du composant Widgets.

Puis-je utiliser Canvas avec les modules Zoho Finance ?

Oui, Canvas peut être utilisé avec Zoho Finance les modules intégrés à Zoho CRM— tels que Zoho Books, Zoho Invoice, ou Zoho Billing.

Lorsque ces modules sont disponibles dans votre configuration CRM, vous pouvez personnaliser leurs pages de détails des enregistrements à l'aide de Canvas tout comme n'importe quel autre module CRM. Cela vous aide à présenter les données financières telles que les factures, les devis ou les historiques de paiement dans une mise en page adaptée aux besoins de votre entreprise.

Puis-je inclure le composant chronologie dans Canvas ?

Oui, vous pouvez inclure le composant chronologie dans votre mise en page Canvas.

Ce composant affiche une vue chronologique des activités clés liées à l'enregistrement — comme les e-mails envoyés, les appels effectués, les notes ajoutées ou les mises à jour de statut. Il aide les utilisateurs à comprendre rapidement ce qui s'est passé avec l'enregistrement sans quitter la page.

Vous pouvez ajouter le composant chronologie tout comme n'importe quel autre composant en le faisant glisser depuis la section Données dans votre mise en page. C'est particulièrement utile pour les équipes commerciales et d'assistance qui ont besoin d'un historique rapide en un coup d'œil.

Questions fréquemment posées supplémentaires

Puis-je utiliser Canvas dans les portails Zoho CRM ?

Oui, les mises en page Canvas peuvent être utilisées dans les portails CRM, mais avec certaines limitations. Vous pouvez concevoir une vue Canvas et l'assigner au profil Client Portal via les paramètres d'assignation de Canvas. Cependant, certaines listes associées et certains composants pris en charge dans l'interface CRM standard peuvent ne pas être totalement compatibles dans la vue portail. Dans Portals, Canvas respecte les mêmes paramètres de permissions et de visibilité que l'interface standard, et tous les éléments ou actions non pris en charge resteront indisponibles pour les utilisateurs du portail.

Pour assigner une mise en page Canvas à un portail :

Accédez à Canvas Builder.
Ouvrez la mise en page requise.
Cliquez sur paramètres d'assignation de Canvas.
Assignez la mise en page au profil Client Portal.

L'édition en ligne est-elle prise en charge dans Canvas ?

Oui, l'édition en ligne est prise en charge dans Canvas, mais uniquement pour les champs standard pris en charge.

Vous pouvez cliquer sur certains champs directement dans la mise en page Canvas et les modifier sans basculer en mode édition complète. Cependant, cette fonctionnalité est limitée aux éléments suivants :

Les types de champs standard tels que texte, nombre, date, et liste de sélection.
Les champs qui n'ont pas été stylisés de manières qui restreignent l'édition (par exemple, personnalisation visuelle importante ou modifications d'état du champ).

Limitations :

Tous les champs ne sont pas éligibles pour les éditions en ligne.
Les composants tels que images, widgets, ou et les listes associées ne peuvent pas être modifiées en ligne.
Certains éléments stylisés personnalisés peuvent se comporter comme lecture seule des champs.

Puis-je créer différentes mises en page Canvas pour différents modules CRM ?

Oui, vous pouvez créer des mises en page Canvas distinctes pour différents modules dans Zoho CRM.

Chaque module — par exemple Leads, Deals, Contacts, ou modules personnalisés — dispose de son propre Canvas Builder d'espace de travail. Les mises en page sont conçues et appliquées au niveau du module, ce qui signifie qu'une mise en page créée pour le module Deals ne peut pas être utilisée dans le module Contacts, et inversement.

Puis-je définir une mise en page Canvas par défaut pour tous les utilisateurs ?

Oui, vous pouvez définir une mise en page Canvas comme affichage par défaut pour les utilisateurs en l'attribuant à leurs profils. Quand vous publiez une mise en page Canvas, vous pouvez accéder à la section Attribution Canvas et sélectionner les profils qui doivent utiliser cette mise en page. Si une seule mise en page est attribuée à un profil, elle devient automatiquement l'affichage par défaut pour les utilisateurs de ce profil lorsqu'ils accèdent au module.

À retenir :

Les attributions sont basées sur les profils, non pas les utilisateurs individuels ou les rôles.
Vous pouvez attribuer différentes mises en page pour les affichages de formulaire et les affichages détaillés séparément.

Qu'est-ce que le composant flex dans Canvas, et comment aide-t-il à créer des mises en page réactives ?

Le composant flex dans Canvas vous aide à concevoir des mises en page qui s'ajustent automatiquement à différentes tailles d'écran, vous permet d'organiser les éléments en lignes ou en colonnes, et garantit que la mise en page s'adapte en douceur — le tout améliorant l'expérience utilisateur sur tous les appareils. En utilisant le composant flex, votre mise en page peut croître ou rétrécir selon la taille de l'écran, la rendant réactive et visuellement attrayante.

Quels types de composants flex sont disponibles, et comment choisir le bon pour ma mise en page ?

Il existe trois types de composants flex disponibles :

Flex vertical (colonnes) : Cela vous permet d'empiler les éléments dans une colonne, l'un au-dessus de l'autre. Choisissez simplement le composant flex vertical pour organiser les informations de façon séquentielle, de haut en bas.

Flex horizontal (lignes) : Cela organise les éléments dans une ligne, de gauche à droite. Sélectionnez le composant flex horizontal pour afficher les éléments côte à côte, ce qui est idéal pour les comparaisons ou l'affichage d'éléments tels que des images ou des points de données.

Flex wrapping : Les éléments se déplacent automatiquement à la ligne suivante s'ils ne rentrent pas dans l'espace disponible. Ce type de composant est idéal pour créer des mises en page efficaces en termes d'espace, comme les catalogues de produits ou les listes d'événements.

Choisissez celui qui correspond le mieux à la structure de votre contenu. Si vous souhaitez une mise en page simple de haut en bas, optez pour le flex vertical. Pour les arrangements côte à côte, le flex horizontal est la solution. Si vous avez besoin d'une conception flexible qui s'ajuste selon l'écran, le flex wrapping est un bon choix.

Comment m'assurer que les éléments s'adaptent à différentes tailles d'écran et définir des largeurs minimales/maximales ?

Pour vous assurer que les éléments s'adaptent à différentes tailles d'écran et pour définir les largeurs minimales/maximales dans un composant Flex, procédez comme suit :

Activez l'option Réactif automatique : Cette option ajuste automatiquement la taille des éléments du composant flex en fonction de la taille de l'écran et garantit que votre mise en page s'affiche correctement sur tous les appareils en redimensionnant les éléments horizontalement ou verticalement selon les besoins.

Définissez les largeurs minimales et maximales : Vous pouvez définir une largeur minimale et maximale pour chaque élément afin de vous assurer que les éléments ne deviennent pas trop petits ou trop grands, en maintenant une apparence cohérente. Par exemple, vous pouvez empêcher un élément de rétrécir au-delà d'une certaine largeur pour le maintenir lisible.

En combinant ces options, vous pouvez vous assurer que votre mise en page s'affiche parfaitement sur différentes tailles d'écran, du mobile au bureau.

Comment ajuster l'alignement et les espacements et optimiser l'espace entre les éléments dans un composant flex ?

Pour ajuster l'alignement et les espacements et optimiser l'espace entre les éléments dans un composant flex, utilisez ces outils :

Alignement des éléments flex : Cela vous permet de contrôler comment les éléments sont positionnés dans le composant flex. Vous pouvez aligner les éléments à gauche, au centre ou à droite, soit verticalement, soit horizontalement, pour créer une mise en page équilibrée et organisée.

Espacements des éléments flex : Ajoutez un espacement uniforme entre les éléments de votre composant flex et empêchez les éléments d'être trop serrés pour assurer la cohérence et rendre votre mise en page plus facile à lire.

Serrage des éléments flex : Cette fonctionnalité permet aux éléments d'ajuster leur taille en fonction de leur contenu, afin qu'ils n'occupent que l'espace dont ils ont besoin. Elle optimise l'utilisation de l'espace et aide à maintenir la mise en page propre et organisée.

Puis-je convertir les éléments en composant flex ou les remplacer par une section ?

Oui, vous pouvez facilement convertir les éléments en composant flex ou les remplacer par une section selon ces méthodes :

Convertir en flex : Sélectionnez plusieurs éléments et convertissez-les rapidement en composant flex pour gagner du temps et vous assurer que votre mise en page reste cohérente quand vous devez passer à une conception plus flexible.

Remplacer par une section / Remplacer par flex : Si vous souhaitez basculer entre un composant Flex et une section, vous pouvez le faire sans perturber votre mise en page. Remplacez simplement l'élément existant par le type souhaité, qu'il s'agisse d'une section ou d'un autre composant flex, et la mise en page s'ajustera en conséquence.