Tutoriel n°6 : Mettre en place et utiliser une base de données No Code

Étape 5 : Affichez la base de données dans votre projet #3

Maintenant que nous avons les noms, pourquoi ne pas les compléter par des images ?
Pour ce faire, vous devrez ajouter un composant"Avatar Item" dans votre"ListItem" dans la vue arborescente. Comme vous pouvez le voir pour l'instant, il s'agit de Yoda, et même si tout le monde aime Yoda, mettons les vrais visages des gens :

Tout d'abord, vous pouvez changer le Slot en"start" (dans les propriétés) pour mettre l'image à gauche des noms. Ensuite, dans l'arborescence, ouvrez l'élément Avatar, cliquez sur le composant"Image" et allez dans le sélecteur de source. Cliquez sur Photo -> [0] -> url et glissez-déposez le champ url dans votre composant image : Et voici les visages des employés !

La dernière étape montrera comment ajouter une barre de recherche qui trouvera les employés en fonction de ce que vous recherchez.
Succès !

Vous avez terminé cette étape avec succès, veuillez cliquer sur le bouton Étape suivante pour passer à l'étape suivante du tutoriel.
Fermer
Vous n'avez pas effectué toutes les actions requises dans cette étape, êtes-vous sûr de vouloir passer à l'étape suivante ?