Glisser
Le type d’élément Diapositive vous permet de créer une image interactive ou un curseur de contenu dans le tableau de bord des portails professionnels. Cet élément permet des transitions fluides entre plusieurs images, prenant en charge la lecture automatique et la navigation de l’utilisateur.
Configuration d’un élément de diapositive
Pour configurer un élément de diapositive, procédez comme suit :
- Cliquez sur l’icône de recherche dans le coin supérieur droit :octicons-search-16 :.
- Recherchez Portails d’entreprise - Liste des ensembles de données et ouvrez la page.
- Sélectionnez le jeu de données pour lequel vous souhaitez configurer l’élément de diapositive.
- Sur la page du jeu de données nouvellement ouvert, exécutez l’action Groupes de tableaux de bord.
- Créez une nouvelle ligne ou sélectionnez-en une existante. Pour plus d’informations sur la configuration d’un tableau de bord, suivez cette documentation.
- Pour attribuer à l’élément le type Ligne, sélectionnez-le via le champ Style de la vue de groupe.
- Attribuez un ensemble de données en en sélectionnant un via le champ Code de la table de l’ensemble de données. S’il n’y en a pas de visible, reportez-vous à cette documentation pour savoir comment configurer les tables de jeux de données.
- Il y a une boîte de faits appelée Contenu Web sur la page. S’il n’est pas visible, cliquez sur l’icône d’information :octicons-info-16 : dans le coin supérieur droit.
- Exécutez l’action Modifier de la zone de faits.
Ici, vous pouvez définir toutes les propriétés de votre élément de diapositive. <> Pour lui attribuer des images, il suffit de créer un élément d’image, puis de l’affecter à la rangée de diapositives. Voir cet exemple
- glisser
- image
- image
- image
Tip
L’élément Diapositive est idéal pour créer des carrousels d’images, des vitrines de produits ou afficher plusieurs blocs de contenu promotionnel de manière rotative.
Métadonnées pour la diapositive
Dans la section Général, vous pouvez définir les propriétés de base de l’élément slide :
- Classe CSS - Contenu : spécifie une classe CSS personnalisée pour styliser le contenu.
Options du curseur
Dans la section Options du curseur, vous pouvez configurer des propriétés supplémentaires :
- Slide Loop : Permet de déterminer si les diapositives doivent redémarrer depuis le début après avoir atteint la dernière diapositive.
Stylisation d’un élément de diapositive
Vous pouvez styliser l’élément slide à l’aide de classes CSS personnalisées définies dans les champs Classe CSS - En-tête et Classe CSS - Contenu. Cela permet une meilleure intégration avec la conception globale du tableau de bord.