Le menu Style des éléments gère les images et les boutons de votre application.
Les paramètres choisis dans ce menu sont appliqués à toutes les sections de votre application.

ATTENTION ! Très important :lorsque vous appliquez votre style d'éléments à votre application, toutes les modifications effectuées dans ce menu seront appliquées à toutes les sections de votre application, à l'exception des marges.

Pour configurer votre Style des éléments : 
1.  Allez dans le menu de gauche Design & Structure > DESIGN > Design général .
2. Cliquez sur "Style des éléments" dans la colonne de droite.

Pour modifier le design d'une section spécifique, pour une personnalisation approfondie, lisez cette aide en ligne.


1

Style des vignettes et cellules

- Sélectionnez le style qui sera appliqué aux vignettes et aux cellules de votre application.

picture

2

Effets de survol sur les images (PWA de bureau uniquement)

Sélectionnez les effets qui apparaissent lorsque vous passez la souris sur une image.

picture

3

Boutons

Pour les pages de votre application qui invitent les utilisateurs à effectuer une action, il existe 3 niveaux de boutons.
Chaque niveau correspond à différentes actions dans différentes sections / widgets de la Home.
GoodBarber attribue automatiquement le bon niveau au bouton, en fonction de l'action et de l'endroit où il est affiché dans l'application.

Le bouton de niveau 1 sera toujours rempli.
Le bouton de niveau 2 sera toujours contouré.
Le bouton de niveau 3 est seulement un lien en format texte.

1. Définissez la forme des boutons dans le menu Style global.

Avertissement :
- Les couleurs des boutons sont basées sur la palette de couleurs de l'application. Vous pouvez modifier la couleur d'un bouton particulier, dans chaque section - panneau de design ou paramètres du widget .
- Le niveau du bouton ne peut pas être modifié.

picture

4

marges

Pour définir des marges spécifiques pour certaines parties de votre application :
Les sections : Vous pouvez définir des marges pour une section spécifique via l'extension Edition avancée.
Widgets d'accueil : Vous pouvez définir les marges d'un widget spécifique à partir du panneau de paramètres du widget.

Pour appliquer les marges de manière globale à votre application :
Dans le menu Style des éléments :
1. Définissez en pixels les marges que vous souhaitez appliquer.
2. Une vérification sera effectuée pour chaque type de marge (marges supérieure, inférieure, gauche et droite) :
Si vous avez défini précédemment des marges spécifiques pour une section ou un widget, il vous sera demandé soit de :
- Conserver les paramètres de marge de vos widgets/sections personnalisés et appliquer les paramètres de marge globaux au reste de votre application.
ou
- Réinitialiser toutes les marges de votre application en appliquant plutôt les marges définies dans le menu Style des éléments.

picture

5

Effets à l'ouverture de la liste

Cet effet est appliqué lors de la transition d'une vue en liste à une vue détaillée de votre application, uniquement sur les versions natives iOS et Android de votre application.
Par exemple, lorsque vous ouvrez une page d'article à partir de la vue en liste de votre section d'articles.

Le contenu peut apparaître en bas de la page depuis la gauche.

Vous sélectionnez l'option dans le menu déroulant.

picture

Autres articles
Conseils pour créer une app