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 Json edition .
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

effet à 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 ou à gauche.

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

picture

Autres articles
Conseils pour créer une app