Show Menu
TOPICS×

Composant de bouton de formulaire (v1)

Le composant de bouton de formulaire des composants principaux permet l’inclusion d’un champ de bouton dans un formulaire pour déclencher une action.

Utilisation

Le composant de bouton de formulaire des composants principaux permet la création de champs de bouton, souvent pour déclencher l’envoi du formulaire et est destiné à être utilisé avec le composant de conteneur de formulaires .
Les propriétés de bouton 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 de bouton de 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 de bouton de formulaire.
Version d’AEM
Composant de bouton de formulaire v1
6.3
Compatible
6.4
Compatible
Ce document décrit la version v1 du composant de bouton de formulaire.
Pour plus d’informations sur la version actuelle du composant de bouton de formulaire, voir le document Composant de bouton de formulaire .

Exemple de sortie de composant

Voici un exemple extrait de We.Retail .

Capture d’écran

HTML

<div class="cmp cmp-button aem-GridColumn aem-GridColumn--default--12"> <div class="cmp cmp-button"> <button type="BUTTON" class="btn btn-action btn-primary" name="loveToast" value="ILoveToast"> Click here if you love toast! </button> </div> </div>

JSON

"container": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", "columnCount": 12, "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12", ":items": { "button": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", ":type": "weretail/components/form/button", "name": "loveToast", "jcr:title": "Click here if you love toast!", "type": "submit", "value": "ILoveToast" } }, ":itemsOrder": [ "button" ], ":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 bouton.
  • Type
    • Bouton
    • Envoyer
  • Titre
     : texte affiché sur le bouton.
    • Si aucun titre n’est défini, le type de bouton est utilisé par défaut.
  • Nom
     : nom du bouton qui est envoyé avec les données de formulaire.
  • Valeur
     : valeur du bouton qui est envoyée avec les données de formulaire.

Boîte de dialogue de conception

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

Détails techniques

The latest technical documentation about the Form Button Component can be found on 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 .