Créer des interfaces avec des option sets dans Bubble.io

Création de la barre d’onglets et des onglets (introduction aux custom states)
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Bubble - Créer une marketplace sans coder de A à Z
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à utiliser les option sets pour créer des interfaces utilisateur dynamiques dans Bubble.io.

Explorez comment configurer des onglets dynamiques dans Bubble.io en utilisant des option sets.

Dans cette leçon, nous découvrons comment utiliser les option sets dans Bubble.io pour créer des interfaces utilisateur dynamiques. Nous commençons par configurer les groupes d'onglets en définissant leurs dimensions et en ajustant leur positionnement. Ensuite, nous personnalisons l'apparence des onglets en fonction de leur sélection, en modifiant la couleur de fond et la couleur du texte lorsqu'un onglet est actif. Pour savoir quel onglet est sélectionné, nous exploitons les custom states comme méthode de stockage temporaire des données. Finalement, nous ajoutons un workflow permettant de réagir aux actions utilisateur, comme le clic sur un onglet pour changer le contenu affiché. Cette approche permet de structurer l'interface de manière plus intuitive et responsive pour l'utilisateur final.

Voir plus
Questions réponses
Comment configure-t-on les dimensions des onglets?
Les dimensions sont configurées en définissant la largeur et la hauteur des cellules, en tenant compte de l'espace disponible dans le contenant principal.
Quel est le rôle d'un custom state dans cette configuration?
Le custom state permet de stocker temporairement la sélection courante de l'onglet pour personnaliser son apparence lorsqu'il est actif.
Pourquoi utiliser un workflow lié aux onglets?
Un workflow est utilisé pour permettre aux utilisateurs de modifier le contenu affiché en cliquant sur les onglets, offrant une navigation interactive.

Programme détaillé