Cette vidéo est la cinquième de la série de 10 vidéos d’introduction à l’outil NoCode Bubble en Français !
Aujourd’hui nous allons parler de l’éditeur de propriété.
Pour pouvoir suivre ce « tutoriel Bubble », il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.
Dans Bubble, lorsque vous cliquez deux fois sur un élément, vous ouvrez l’éditeur de propriétés de cet élément.
C’est le panneau principal qui vous permet de gérer l’apparence de l’élément donc à quoi il ressemble et qu’est-ce qu’il affiche.
Chaque éditeur de propriété et différent en fonction de l’élément ou de la chose que vous avez sélectionné.
D’autres fonctions ont aussi leur propre éditeur de propriété, comme la page elle-même, et également dans le workflow qu’on a vu dans la vidéo précédente : chaque événement et action à son propre éditeur de propriété.
Lorsque vous avez un élément sélectionné, l’éditeur de propriété à trois onglets.
- L’onglet Apparence qui permet de gérer le design de l’élément
- L’onglet Conditional qui permet de changer les propriétés en fonction de l’état de l’élément par exemple quand on passe la souris dessus ou lorsqu’on a cliqué dessus, ou encore lorsque l’élément est visible ou non
- Et l’onglet Display qui permet de changer d’autres paramètres d’apparence comme l’alignement, l’espacement et plus…
Étant donné que la plupart des informations que vous allez mettre sur votre site ou applications sont dynamiques, quasiment tous les champs que vous allez utiliser dans cette éditeur de propriétés peuvent utiliser des données dynamiques, notamment pour afficher les données depuis votre base de données, ou depuis une API externe.
Voyez comme c’est très puissant finalement en quelques clics seulement vous allez pouvoir sélectionner et afficher des données dynamiques depuis votre base de données, depuis une API externe ou même depuis une source dynamique intégrée de Bubble comme les option sets.
Vous allez utiliser l’éditeur de propriété absolument tout le temps, donc n’hésitez pas à vous amuser un petit peu avec cette page par défaut en changeant les propriétés de vos éléments ou même dans la partie workflow pour tester l’éditeur de propriété également ici.
Dans la prochaine vidéo nous allons voir à quel point il est très facile de créer un système de connexion, inscription et de déconnexion pour vos utilisateurs.
