Comment réaliser le design de vos sections ?

Bonjour et bienvenue dans votre back office GoodBarber!

Aujourd'hui, nous allons apprendre ensemble à paramétrer le design des sections de votre app.

Chaque type de section à des propriétés de design qui lui sont propres, mais le process pour les paramètres est toujours le même.

Pour designer une section, rendons-nous dans le menu My app > Design > Sections Design.

Pour cette exemple, on va choisir de designer une section Article de mon app de news locales.

Vous voyez ici, la section article propose deux pages à paramétrer. La page Liste d'articles, et la page de détails des articles.

On va commencer par la liste d'articles.

La première chose à faire ici, c'est de choisir entre les templates d'affichage proposés. Vous pouvez voir les modification en direct sur la preview du back office.

On va choisir le template 2.

Ensuite on va paramétrer le design de la zone de contenu.

La couleur de du background, et des bordures.

Les informations qu'on affiche dans la liste.

Les polices et les couleurs de police des différents éléments.

Enfin le format de la vignette.

voilà c'est déjà terminé !

Voilà la liste d'articles entièrement designée !

Je vais rapidement faire la même chose pour la page de détails article.

Et voilà !

C'est maintenant à vous de jouer !

A bientôt pour un nouveau tutoriel !