CATALOGUE Code & Data Formation Bubble Bubble - Créer une marketplace sans coder de A à Z

Gestion des onglets et repeating groups dans Bubble

Retour à la formation
Chapitre 7 Leçon 3
Précédent
Suivant

Découvrez comment naviguer entre les onglets grâce à des custom states et comment mettre en place des repeating groups pour afficher des listes d'objets de manière dynamique dans Bubble.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorerons la manière de créer une interface dynamique et intuitive en utilisant Bubble. Vous apprendrez à configurer des onglets, utilisant des custom states pour naviguer entre eux sans empilement visuel. Ensuite, nous mettrons en place un repeating group afin d'afficher une liste filtrée d'objets, tels que des meubles, ajoutés par l'utilisateur courant.

La leçon couvre également l'intégration de fonctionnalités de modification directe des objets affichés grâce à des pop-ups, partageant comment transmettre des données pour pré-remplir ces pop-ups. Vous comprendrez comment optimiser l'affichage pour un défilement horizontal et à configurer des workflows conditionnels qui répondent aux actions de l'utilisateur sur l'interface.

Objectifs de cette leçon

À la fin de cette vidéo, vous serez capable de créer des onglets dynamiques avec des custom states et de configurer des repeating groups pour afficher et modifier des objets de manière intuitive.

Prérequis pour cette leçon

Il est recommandé d'avoir une connaissance de base de Bubble, y compris la création de pages et l'utilisation de la base de données.

Métiers concernés

Ce sujet est pertinent pour les développeurs no-code, les designers UX/UI, et les chefs de projet travaillant sur des applications web.

Alternatives et ressources

D'autres outils similaires qui peuvent être utilisés incluent Webflow, Wix, et WordPress pour des solutions no-code ou low-code.

Questions & Réponses

Dans Bubble, un custom state est configuré en sélectionnant un élément, puis en allant dans les propriétés et en ajoutant un nouvel état personnalisé via le menu Etats.
Les repeating groups permettent d'afficher une liste d'éléments de manière dynamique et modulable, facilitant l'affichage de données multiples issues de la base de données.
Les pop-ups permettent de modifier des objets de manière discrète sans quitter la page, en pré-remplissant les champs de données existantes pour une expérience utilisateur fluide.