Componente oculto de formulario (v1)

El componente Formulario de componente principal oculto permite la visualización de un campo oculto.

Uso

El componente Oculto del formulario de componente principal permite crear campos ocultos para devolver a AEM la información sobre la página actual y está diseñado para utilizarse junto con el componente de contenedor de formulario.

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

Versión y compatibilidad

Este documento describe la versión 1 del componente Formulario oculto, 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 Formulario oculto.

Salida de componente de muestra

El siguiente es un ejemplo tomado 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"
            }

Configurar cuadro de diálogo

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

• Nombre : el nombre del campo, que se envía con los datos del formulario
• Valor : el valor del campo, que se envía con los datos del formulario
• Identificador : el identificador debe ser único en la página y puede utilizarse para enlazar secuencias de comandos a este campo de formulario

Diálogo de diseño

No hay ningún cuadro de diálogo de diseño para el componente Formulario oculto.

Detalles técnicos

La documentación técnica más reciente sobre el componente oculto 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.