Wix Blocks : Éléments de panneau

Temps de lecture : 5 min
Wix Blocks est ouvert à tous les utilisateurs de Wix Studio. Pour accéder aux blocs, rejoignez Wix Studio.
Blocks panneaux personnalisés sont composés d'éléments de panneau uniques. Pour utiliser les éléments du panneau dans le code de votre widget, accédez à la section code de l'onglet Panneaux. Utiliser $w()function pour sélectionner des éléments par ID :

1laisser monÉlément = $w("#monÉlément");
Référence de l'API pour les éléments de panneau
Utilisez la référence API des éléments du panneau pour travailler avec les éléments dans le code du panneau. Notez que cet aperçu temporaire de la référence de l'API Velo n'est ouvert qu'aux premiers utilisateurs de Blocks. 
Modules Velo pour panneaux
Pour permettre aux éléments du panneau d'interagir avec votre widget et d'effectuer des actions dans l'éditeur, utilisez les modules suivants dans le code de votre panneau :
  • wix-widget: Contrôlez les propriétés de votre widget, les éléments prédéfini de design et plus encore.
  • wix-editor: Interagissez avec l'Éditeur pour supprimer ou restaurer des éléments du widget, ouvrir les panneaux du tableau de bord, etc.

Éléments du panneau

Les éléments de panneau suivants peuvent être utilisés dans vos panneaux. Vous pouvez personnaliser les éléments dans l'éditeur Blocks, ainsi que par le code Velo dans la section code de votre panneau. Notez que tous les éléments du panneau nécessitent du code pour fonctionner. 

Curseur

Les curseurs permettent aux utilisateurs de sélectionner un nombre dans une plage donnée. 
Défilement

Miniatures de panneaux

Les miniatures permettent aux utilisateurs de sélectionner un élément parmi un ensemble d'images miniatures.
miniatures

Bouton du panneau

Un bouton sur votre panneau.
Bouton

Groupe de cases à cocher de panneau

Les groupes de cases à cocher sont utilisés pour sélectionner un nombre quelconque d'options données.
case à cocher

Menu déroulant de panneau

Les menus déroulants sont utilisés pour sélectionner l'une des nombreuses options.
déroulant

Groupe de boutons radio

Les groupes de boutons radio sont utilisés pour sélectionner l'une des nombreuses options.
groupe de boutons radio

Texte du panneau

Un élément de texte (également appelé « texte enrichi ») est utilisé pour afficher un texte suivi d'un lien.
texte

Saisie de texte dans le panneau

Un élément de saisie qui permet aux utilisateurs de saisir de petites quantités de texte.

Bouton bascule

Les interrupteurs à bascule sont utilisés pour un choix binaire unique.
curseur

Séparateur de section de panneau

 Les séparateurs de section affichent un en-tête de section dans le panneau.
séparateur de section

Saisie de couleur du panneau

Les sélecteurs de couleur permettent à un constructeur de site de sélectionner une couleur pour un ou plusieurs éléments.
palette de couleurs
Remarques :
  • Vous ne pouvez pas tester la couleur dans l'aperçu Blocks le preview mode . Pour tester la couleur, installez l'appli sur un site.
  • Une palette de couleurs peut être un bon moyen de donner aux constructeurs de sites la possibilité de personnaliser un élément personnalisé.
  • Nous vous recommandons de ne pas connecter un panneau personnalisé au design paint brush d'action, car il ne fonctionnera pas bien dans l'Éditeur Wix Studio. À la place, vous pouvez créer une action principale nommée Modifier le design (en savoir plus sur la connexion des boutons d'action).  

Saisie de couleur et de police du panneau

Les sélecteurs de couleur et de police permettent aux créateurs de sites de sélectionner une police et sa couleur. 
Police et palette de couleurs

Cela vous a-t-il aidé ?

|