Componente Botón de formulario (v1)

El componente Botón de formulario de componente principal permite incluir un campo de botón en un formulario para activar una acción.

Uso

El componente Botón de formulario de componente principal permite crear un campo de botón, a menudo para activar el envío del formulario y está diseñado para utilizarse junto con el componente de contenedor de formulario.

El editor de contenido puede definir las propiedades del botón en el cuadro de diálogo configurar.

Versión y compatibilidad

Este documento describe la versión 1 del componente Botón de formulario, que se introdujo originalmente con la versión 1.0.0 de los componentes principales con AEM 6.3.

La siguiente tabla lista la compatibilidad de v1 del componente Botón de formulario.

Versión de AEM Componente de botón de formulario v1
6.3 Compatible
6.4 Compatible
ATENCIÓN

Este documento describe v1 del componente Botón de formulario.

Para obtener más información sobre la versión actual del componente Botón de formulario, consulte el documento Componente de botón de formulario.

Salida de componente de muestra

El siguiente es un ejemplo tomado de We.Retail.

Captura de pantalla

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"
            }
NOTA

La exportación de JSON desde los componentes principales requiere la versión 1.1.0 de los componentes principales. Consulte la información de compatibilidad para los componentes principales v1 para obtener más información.

Configurar cuadro de diálogo

El cuadro de diálogo de configuración permite al autor del contenido definir los parámetros del botón.

  • Tipo

    • Botón
    • Enviar
  • Título : el texto que se muestra en el botón

    • Si no se proporciona ninguno, el valor predeterminado es el tipo de botón
  • Nombre : el nombre del botón, que se envía con los datos del formulario

  • Valor : el valor del botón, que se envía con los datos del formulario

Diálogo de diseño

No hay ningún cuadro de diálogo de diseño para el componente Botón de formulario.

Detalles técnicos

La documentación técnica más reciente sobre el componente Botón de formulario se encuentra en GitHub.

Todo el proyecto de componentes principales se puede descargar desde GitHub.

Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.

En esta página