Créateur de carte mobile Composants

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 3 minutes de lecture
  • En savoir plus sur les composants qui font les cartes Mobile

    Ajouter et supprimer des composants

    Conteneurs

    Les composants des conteneurs contiennent d'autres composants. Un conteneur peut contenir n'importe quel composant de carte, y compris un autre conteneur. Utilisez des conteneurs pour organiser vos composants de carte et déterminer comment les composants du conteneur sont alignés et répartis.

    Tableau 1. Propriétés de configuration du conteneur
    Propriété Description
    Hauteur Hauteur de votre conteneur en pixels
    Largeur Largeur de votre conteneur en pixels. Si cette propriété est laissée vide, le conteneur remplit l'espace disponible.
    Marge supérieure Marge supérieure de votre conteneur en pixels
    Marge inférieure Marge inférieure de votre conteneur en pixels
    Marge gauche Marge gauche de votre conteneur en pixels
    Marge droite Marge droite de votre conteneur en pixels
    Rayon d'angle Rayon d'angle de votre conteneur. Augmentez cette valeur pour créer des angles arrondis pour votre conteneur.
    Sens du conteneur Détermine le sens d'orientation des composants dans le conteneur. Sélectionnez parmi ces valeurs :
    • Horizontale
    • Vertical
    Alignement Détermine l'alignement des composants dans le conteneur. Sélectionnez parmi ces valeurs :
    • Étirement
    • Centre
    • Gauche
    • Droite
    • Haut
    • Bas
    Distribution Détermine la répartition des composants dans le conteneur. Sélectionnez parmi ces valeurs :
    • Égal
    • Automatique

    Images

    Les composants d'image sont utilisés pour afficher une image. Vous définissez une image à afficher en sélectionnant sur votre enregistrement un champ qui contient une image, le champ Avatar d'un enregistrement Utilisateur, par exemple.

    Tableau 2. Propriétés de configuration de l'image
    Propriété Description
    Champ mappé Le champ de votre enregistrement contenant l'image.
    Remarque :
    Lors de la création d'un modèle de carte, vous ne pourrez pas sélectionner de champ. Cette sélection est effectuée lorsque votre carte est associée à un écran spécifique.
    Hauteur Hauteur de votre image en pixels
    Largeur Largeur de votre image en pixels
    Rayon d'angle Rayon d'angle de votre image. Augmentez cette valeur pour créer des angles arrondis pour votre image.
    Marge supérieure Marge supérieure de votre image en pixels
    Marge droite Marge droite de votre image en pixels
    Marge inférieure Marge inférieure de votre image en pixels
    Marge gauche Marge gauche de votre image en pixels
    Mise à l'échelle Mise à l'échelle de votre image. Sélectionnez parmi ces valeurs :
    • Remplir
    • Ajuster

    Texte

    Les composants de texte affichent du texte sur votre carte. Il peut s'agir de texte statique ou de texte issu de l'étiquette de valeur d'un champ. Utilisez des composants de texte pour afficher les informations que les utilisateurs doivent voir en premier lorsqu'ils consultent des listes d'enregistrements.

    Tableau 3. Propriétés de configuration du texte
    Propriété Description
    Type de champ Type de champ de texte. Sélectionnez parmi ces valeurs :
    • Valeur de champ
    • Étiquette de champ
    • Texte statique
    Texte de type de champ Texte qui apparaît dans le composant de texte. Cette valeur n'est utilisée que lorsque vous avez sélectionné Texte statique dans la propriété Type de champ.
    Champ mappé Champ contenant le texte à utiliser. Le composant de texte affichera l'étiquette du champ ou la valeur du champ, en fonction de ce que vous sélectionnez dans la propriété Type de champ.
    Remarque :
    Lors de la création d'un modèle de carte, vous ne pourrez pas sélectionner de champ. Cette sélection est effectuée lorsque votre carte est associée à un écran spécifique.
    Hauteur Hauteur de votre composant de texte en pixels
    Largeur Largeur de votre composant de texte en pixels
    Rayon d'angle Rayon d'angle de votre composant de texte. Augmentez cette valeur pour créer des angles arrondis pour votre composant de texte.
    Marge supérieure Marge supérieure de votre composant de texte en pixels
    Marge droite Marge droite de votre composant de texte en pixels
    Marge inférieure Marge inférieure de votre composant de texte en pixels
    Marge gauche Marge gauche de votre composant de texte en pixels
    Alignement du texte Alignement du texte dans votre composant. Sélectionnez parmi ces valeurs :
    • Gauche
    • Centre
    • Droit
    Nombre maximum de lignes Le nombre maximum de lignes pour le texte dans votre élément.
    Valeur font-weight La valeur font-weight de votre texte. Sélectionnez parmi ces valeurs :
    • Normal
    • Gras
    Taille de police La taille de police de votre texte. Saisissez une valeur numérique.
    Couleur du texte La couleur de votre texte. La valeur de cette propriété est un code de couleur HTML, par exemple #A0522D pour Terre de Sienne.
    Remarque :
    Vous ne pouvez pas modifier la couleur d'arrière-plan d'un composant de texte, mais vous pouvez placer votre composant de texte dans un composant de conteneur et modifier la couleur d'arrière-plan du conteneur.