Disposition du tableau, Ligne de disposition du tableau et Cellule de disposition du tableau

Les éléments Disposition du tableau, Ligne de disposition du tableau et Cellule de disposition du tableau créent une section qui inclut d'autres vues et les affiche sous forme de tableau pouvant être configuré à l'aide d'attributs HTML.
Remarque: ces vues sont différentes des vues Table et Table de données de service .
Les éléments Ligne de disposition du tableau et Cellule de disposition du tableau n'ont aucune option de configuration. Au lieu de cela, vous pouvez utiliser les attributs HTML colspan et rowspan pour spécifier comment une vue de cellule de disposition du tableau s'affiche dans une disposition du tableau. Pour ces vues, vous devez utiliser la même structure que dans un tableau HTML :
  • Les vues Ligne de disposition du tableau sont placées dans une vue Disposition du tableau.
  • Les vues Cellule de disposition du tableau sont placées dans une vue Ligne de disposition du tableau.
Vous spécifiez les attributs HTML dans l'onglet de propriétés Attributs HTML.
Remarque: La présentation de ces vues n'est pas WYSIWYG dans le concepteur.

Propriétés de configuration

Sous Configuration, définissez ou modifiez les propriétés de configuration de la vue.

Taille de l'écran
Une propriété de configuration comportant l'icône Tailles d'écran L'icône Tailles d'écran en regard du nom de la propriété peut avoir des valeurs différentes pour chaque taille d'écran. Si vous ne définissez pas de valeur, la taille de l'écran hérite de la valeur de taille d'écran supérieure suivante comme valeur par défaut.
Définitions de thème
Les définitions de thème spécifient les couleurs et les styles d'une vue et déterminent son apparence. Vous pouvez prévisualiser l'apparence des vues dans l'éditeur de thème. Voir Thèmes.

Les propriétés de configuration de l'apparence du contrôle Disposition du tableau sont répertoriées dans le tableau ci-dessous :

Tableau 1. Propriétés de configuration de l'apparence du contrôle Disposition du tableau
Propriété de configuration de l'apparence Description Type de données
Espacement des bordures Spécifie l'espacement entre les cellules en pixels. String
Réduction de la bordure Spécifie l'un des paramètres suivants pour l'espace entre les cellules :
  • Séparer : ajoute un espace entre les cellules.
  • Réduire : aucun espace entre les cellules.
 String

Exemple

Pour afficher deux vues Texte dans une structure de tableau :
  1. Ajoutez une vue Disposition du tableau.
  2. Insérez une vue Ligne de disposition du tableau dans la vue Disposition du tableau.
  3. Insérez deux vues Cellule de disposition du tableau dans la vue Ligne de disposition du tableau.
  4. Insérez une vue Texte dans chaque vue Cellule de disposition du tableau.
  5. Vous pouvez également définir la propriété Espacement des bordures sur 25et la propriété Réduction des bordures sur Separate pour ajouter de l'espace entre les cellules.
Vous pouvez également utiliser plusieurs vues Ligne de disposition du tableau et Cellule de disposition du tableau dans une vue Disposition du tableau, et utiliser les attributs HTML colspan et rowspan pour que les cellules s'étendent sur plusieurs colonnes ou lignes. Par exemple :
  1. Ajoutez une vue Disposition du tableau.
  2. Insérez trois vues Cellule de disposition du tableau dans la vue Disposition du tableau.
  3. Insérez trois vues Cellule de disposition du tableau dans la première vue Ligne de disposition du tableau que vous avez ajoutée à l'étape 2.
  4. Insérez une vue Cellule de disposition du tableau dans la deuxième vue Ligne de disposition du tableau que vous avez ajoutée à l'étape 2.
  5. Insérez deux vues Cellule de disposition du tableau dans la troisième vue Ligne de disposition du tableau que vous avez ajoutée à l'étape 2.
  6. Dans les Attributs HTML de la première cellule de la première ligne, ajoutez l'attribut rowspan, définissez-le sur 3, et insérez une vue Basculer dans la cellule.
  7. Insérez une vue Bouton dans la deuxième cellule de la première ligne.
  8. Insérez une vue Code QR dans la troisième cellule de la première ligne.
  9. Dans les Attributs HTML de la cellule de la deuxième ligne, ajoutez l'attribut colspan, attribuez-lui la valeur 2, et insérez une vue Sélection unique dans la cellule.
  10. Insérez une vue Sélecteur de date dans la première cellule de la troisième ligne.
  11. Insérez une vue Zone de texte dans la deuxième cellule de la troisième ligne.
Le résultat est une présentation qui ressemble à l'image suivante.

Méthodes

Pour des informations détaillées sur les méthodes disponibles pour la disposition de tableau, la ligne de disposition de tableau et la cellule de disposition de tableau, voir Disposition de tableau, la ligne de disposition de tableauou l'API JavaScript Cellule de disposition de tableau .

Ressources supplémentaires

Pour plus d'informations sur la création d'un coach ou d'une page, voir Génération de coaches.
Pour plus d'informations sur les propriétés standard (Général, Configuration, Positionnement, Visibilitéet Attributs HTML), voir Afficher les propriétés.