Mise en page Dynamique – Widget
Aperçu rapide
Le Widget est un élément d'un ShoutOut créé dans le Visual Designer qui peut être ajouté dans le cadre. Les types de widgets sont Texte, Image, Bouton, Ligne, Vue Web, Lottie, Cadre, Carrousel.
Styles
Le style du widget peut être modifié à partir du sac de propriété :
-
Image - téléchargez-la et sélectionnez le rayon de coin, la largeur de bordure et la couleur de bordure
-
Vous pouvez également sélectionner une action pour que lorsqu'un utilisateur clique sur l'image, il effectuera une action, par exemple il sera redirigé vers l'URL ou l'adresse e-mail externe
-
Lorsqu'une action est sélectionnée, l'indicateur d'icône passera du neutre au vert
-
-
Texte - choisissez la police, la taille et la couleur de police, l'alignement du texte
-
Ligne - rayon de coin de changement, largeur de bordure, couleur de ligne et couleur de bordure peuvent être modifiés
-
Webview - passé l'URL et voir l'aperçu
-
Bouton - sélectionnez l'action que vous souhaitez que le bouton exécute
-
Lorsque l'action est sélectionnée, l'indicateur d'icône rouge passera au vert
-
Le texte multiligne dans un bouton est pris en charge : appuyez sur Entrée pour créer une nouvelle ligne
-
-
Le sélecteur de couleur dispose désormais d'un outil de pipette pour capturer la couleur déjà existante dans le design
Ajout d'un widget
Pour ajouter un widget, cliquez sur le bouton Plus dans le sac de propriété et faites glisser le widget sélectionné à la toile.
Vous verrez une indication bleue de l'endroit où ce widget sera ajouté.
Jusqu'à quatre widgets peuvent être ajoutés dans une rangée à l'intérieur d'un cadre.
Redimensionnement d'un widget
Pour redimensionner un widget, sélectionnez-le et faites glisser la barre de poignée ou utilisez l'outil de taille et d'espacement dans la barre latérale.
La taille du bouton peut être commandée à la fois par l'espacement externe (distance des autres widgets) et interne (distance du texte du bouton à ses bordures).
Étirage d'un widget
Le widget peut être étiré en cliquant sur l'icône stretch.
Lorsque le rapport d'aspect est verrouillé, le widget sera étiré aux figures insérées. Lorsque le rapport d'aspect est déverrouillé, le widget prendra l'espace horizontal entier disponible à l'intérieur du cadre.
Lorsqu'il y a plusieurs widgets dans une rangée, chacun des widgets s'ajuste de manière dynamique pour remplir l'espace à l'intérieur du cadre. Par exemple, lorsqu'il y a 2 widgets, chacun occupe 50 % de l'espace. Lorsqu'il y en a 4, chacun occupe 25 % de l'espace.
Hauteur si le widget peut être commandé manuellement.
Espacement extérieur
Pour créer de l'espace entre plusieurs widgets, sélectionnez le widget et ajustez l'espacement externe dans le sac de propriété.
Par défaut, la même distance est définie pour tous les côtés. Pour appliquer une valeur différente à l'une des côtés, cliquez sur l'icône des bordures. L'indication "Mixte" apparaîtra.
Carrousel
-
Par défaut, lorsque vous ajoutez un widget de carrousel au cadre, 3 diapositives seront créées, chacune avec une image et un texte
-
Vous pouvez définir l'arrière-plan, le coin et le rayon des diapositives du carrousel
-
Vous pouvez ajouter d'autres widgets à l'intérieur du carrousel (texte, image, bouton, vue Web, ligne)
-
Le nombre maximum de diapositives de carrousel est de 9
-
La duplication d'une diapositive ajoutera une autre diapositive
