Componente oculto do formulário (v1)

O componente Componente principal Formulário oculto permite a exibição de um campo oculto.

Uso

O Componente principal de formulário oculto permite que a criação de campos ocultos transmita informações sobre a página atual de volta ao AEM e deve ser usado junto com o componente do contêiner de formulário.

As propriedades do campo podem ser definidas pelo editor de conteúdo na caixa de diálogo configurar.

Versão e compatibilidade

Este documento descreve a v1 do Componente de formulário oculto, originalmente introduzido com a versão 1.0.0 dos Componentes principais com a AEM 6.3.

A tabela a seguir lista a compatibilidade da v1 do Componente de formulário oculto.

Versão do AEM Componente oculto do formulário v1
6.3 Compatível
6.4 Compatível
CUIDADO

Este documento descreve a v1 do Componente de formulário oculto.

Para obter detalhes sobre a versão atual do Componente de formulário oculto, consulte o documento Componente oculto do formulário.

Saída de componente de exemplo

A amostra a seguir é retirada 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?lang=pt-BR" 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?lang=pt-BR">
   <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"
            }
OBSERVAÇÃO

A exportação JSON dos Componentes principais requer a versão 1.1.0 dos Componentes principais. Consulte as informações de compatibilidade dos Componentes principais v1 para obter mais informações.

Configurar caixa de diálogo

A caixa de diálogo configurar permite que o autor de conteúdo defina os parâmetros do campo oculto.

  • Nome - O nome do campo, que é enviado com os dados do formulário
  • Valor - O valor do campo, que é enviado com os dados do formulário
  • Identificador - o identificador deve ser exclusivo na página e pode ser usado para vincular scripts a este campo de formulário

Caixa de diálogo Design

Não há caixa de diálogo de design para o componente Formulário oculto.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de formulário oculto pode ser encontrada no GitHub.

O projeto de componentes principais inteiro pode ser baixado do GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.

Nesta página