Formulier verborgen component (v1)

Laatste update: 2023-05-20
  • Gemaakt voor:
  • Developer
    Admin
    User

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 en die samen met de formuliercontainercomponent.

De veldeigenschappen kunnen worden gedefinieerd door de inhoudeditor in het dialoogvenster dialoogvenster configureren.

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.

Voor meer informatie over de huidige versie van de component Form Hidden raadpleegt u de Verborgen component van formulier document.

Uitvoer van voorbeeldcomponent

Het volgende monster wordt genomen uit Wij.Detailhandel.

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 de 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 meest recente technische documentatie over de component Form Hidden kan op GitHub worden gevonden.

Het volledige kerncomponentenproject kan van GitHub worden gedownload.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

Op deze pagina