Configuration du générateur de formulaires de composants dans Site Studio / Blogs / Perficient

Dans le dernier blognous apprenons à créer un composant dans le studio du site.

Dans ce blog, nous allons configurer le générateur de formulaire de composant pour le composant.

Vous pouvez améliorer des fonctionnalités spécifiques ou améliorer l’apparence visuelle de votre site en utilisant le générateur de formulaires de composants. Le générateur de formulaire de composant est situé sous le canevas de mise en page. Pour ajouter des champs à vos formulaires de composant, utilisez les éléments Champ. Il peut être construit en cliquant sur le bouton plus similaire à la mise en page ci-dessus en utilisant des champs au lieu d’éléments.

Tout d’abord, nous devons ajouter le conteneur d’onglets

Cliquez sur le bouton plus, recherchez d’abord le conteneur d’onglets dans les champs du navigateur de la barre latérale, puis faites glisser et déposez-le dans le générateur de formulaires.

Maintenant, choisissez les champs d’élément Tab et placez-les dans le conteneur Tab. Renommer les champs d’élément d’onglet en Contenu.

Dans le champ de contenu, vous pouvez ajouter le contenu du texte et de l’image à l’intérieur de ce champ, puis ajouter le groupe de champs à l’intérieur.

De plus, en double-cliquant sur le champ, vous pouvez choisir l’état par défaut du champ ainsi que les paramètres de visibilité. Selon la logique conditionnelle placée dans l’entrée « Afficher le champ si » du champ, les champs du formulaire de composant peuvent être affichés ou masqués.

Maintenant, nous devons connecter les champs avec l’élément correct, donc double-cliquez sur l’élément Titre dans le canevas de mise en page, puis passez en mode bascule variable. Tapez simplement le nom du champ entre crochets comme indiqué dans l’image ci-dessous. Pour sortir du mode variable, cliquez sur le signe plus, cela ramènera chaque champ à sa forme d’origine.

Ajoutez également une étiquette de champ et un nom de machine dans les champs de formulaire.

Deuxièmement, la mise en page et le style, ici nous devons ajouter les styles pour les composants, par exemple – Couleur d’arrière-plan, bordure, remplissage extérieur et alignement Texte / Image qui seront modifiables dans le composant, puis ajoutez les mêmes étapes ci-dessus pour entrez des jetons dans les champs du formulaire.

Et le dernier est l’aide, dans cet onglet, nous pouvons ajouter des informations ou des utilisations sur les éléments du formulaire, et cet onglet est totalement facultatif.

Et enfin, prévisualisez votre composant formulaire dans la zone d’aperçu du formulaire de composant pour voir comment le formulaire a été créé.

Merci d’avoir lu!