Formulier verborgen component (v1)

Met de component Core Component Form Hidden kunt u een verborgen veld weergeven.

Gebruik

Met de component Core Component Form Hidden kunt u verborgen velden maken die informatie over de huidige pagina teruggeven aan AEM. Deze component is bedoeld voor gebruik samen met de component Form container.

De veldeigenschappen kunnen door de inhoudsredacteur in vormen dialoog worden bepaald.

Versie en compatibiliteit

In dit document wordt versie 1 van de Form Hidden Component beschreven, die oorspronkelijk werd geïntroduceerd met versie 1.0.0 van de Core Components met AEM 6.3.

In de volgende tabel wordt de compatibiliteit van versie 1 van de component Formulier verborgen weergegeven.

AEM Verborgen component van formulier v1
6,3 Compatibel
6,4 Compatibel
LET OP

In dit document wordt versie 1 van de component Formulier verborgen beschreven.

Zie het document Formulier verborgen component voor meer informatie over de huidige versie van het formulier verborgen component.

Uitvoer van voorbeeldcomponent

Het volgende voorbeeld wordt genomen uit 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"
            }
OPMERKING

Voor JSON-export van de Core Components is release 1.1.0 van de Core Components vereist. Zie compatibiliteitsinformatie voor Core Components v1 voor meer informatie.

Dialoogvenster configureren

In het dialoogvenster voor configureren kan de auteur van de inhoud de parameters van het verborgen veld definiëren.

  • Naam - De naam van het veld dat met de formuliergegevens wordt verzonden
  • Waarde - De waarde van het veld dat met de formuliergegevens wordt verzonden
  • Id - De id moet uniek zijn op de pagina en kan worden gebruikt om scripts te binden aan dit formulierveld

Ontwerpdialoogvenster

Er is geen dialoogvenster voor het ontwerp van de component Formulier verborgen.

Technische details

De recentste technische documentatie over de Vorm Verborgen Component kan op GitHub worden gevonden.

Het volledige kerncomponentenproject kan van GitHub worden gedownload.

Meer details over het ontwikkelen van de Componenten van de Kern kunnen in de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.

Op deze pagina