Show Menu
TOPICS×

Composant Masqué du formulaire (v1)

Le composant Masqué du formulaire des composants principaux permet l’affichage d’un champ masqué.

Utilisation

Le composant Masqué du formulaire des composants principaux permet la création de champs masqués pour transmettre des informations sur la page actuelle à AEM. Il est destiné à être utilisé avec le composant de conteneur de formulaires .
Les propriétés de champ peuvent être définies par l’éditeur de contenu dans la boîte de dialogue de configuration .

Version et compatibilité

Ce document décrit la version v1 du composant Masqué du formulaire, introduite à l’origine avec la version 1.0.0 des composants principaux avec AEM 6.3.
Le tableau ci-après répertorie la compatibilité de la version v1 du composant Masqué du formulaire.
Version d’AEM
Composant Masqué du formulaire v1
6.3
Compatible
6.4
Compatible
Ce document décrit la version v1 du composant Masqué du formulaire.
Pour plus d’informations sur la version actuelle du composant Masqué du formulaire, voir le document Composant Masqué du formulaire .

Exemple de sortie de composant

Voici un exemple extrait de We.Retail .

HTML

<div class="cmp cmp-form aem-GridColumn aem-GridColumn--default--12"> <form method="POST" action="/content/we-retail/us/en/experience.html" id="new_form" name="new_form" enctype="multipart/form-data" class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <input type="hidden" name=":formstart" value="/content/we-retail/us/en/experience/jcr:content/root/responsivegrid/container"> <div class="visible aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" id="ghostToast" name="Invisible Toast" value="ghostToast"> </div> </form> </div>

JSON

"container": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", "columnCount": 12, "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12", ":items": { "hidden": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", ":type": "weretail/components/form/hidden", "name": "Invisible Toast", "id": "ghostToast", "value": "ghostToast" } }, ":itemsOrder": [ "hidden" ], ":type": "weretail/components/form/container" }
L’exportation JSON à partir des composants principaux nécessite la version 1.1.0 des composants principaux. Pour plus d’informations, voir les informations de compatibilité des composants principaux v1 .

Boîte de dialogue de configuration

La boîte de dialogue de configuration permet à l’auteur de contenu de définir les paramètres du champ masqué.
  • Nom
     : nom du champ qui est envoyé avec les données de formulaire.
  • Valeur
     : valeur du champ qui est envoyée avec les données de formulaire.
  • Identifiant
     : l’identifiant doit être unique sur la page et peut être utilisé pour lier les scripts à ce champ de formulaire.

Boîte de dialogue de conception

Il n’existe pas de boîte de dialogue de conception pour le composant Masqué du formulaire.

Détails techniques

La documentation technique la plus récente sur le composant Masqué du formulaire se trouve sur GitHub .
Le projet sur les composants principaux peut être téléchargé depuis GitHub.
Vous trouverez plus d’informations sur le développement des composants principaux dans la documentation destinée aux développeurs de composants principaux .