Komponenten Core Component Form Options gör det möjligt att välja bland fördefinierade alternativ i olika format.
Komponenten Core Component Form Options gör det möjligt att skicka olika typer av alternativ som presenteras på många olika sätt och är avsedd att användas tillsammans med formulärbehållarkomponenten.
Presentationen av alternativ, etiketter och enskilda alternativ kan definieras av innehållsredigeraren i konfigurationsdialogrutan.
I det här dokumentet beskrivs v1 i Form Options Component, som ursprungligen introducerades i version 1.0.0 av Core Components med AEM 6.3.
I följande tabell visas kompatibiliteten för v1 för komponenten Formuläralternativ.
Komponentversion | AEM 6.3 | AEM 6.4 |
---|---|---|
v2 | Kompatibel | Kompatibel |
v1 | Kompatibel | Kompatibel |
I det här dokumentet beskrivs v1 för komponenten Formuläralternativ.
Mer information om den aktuella versionen av formuläralternativskomponenten finns i Formuläralternativkomponenten-dokumentet.
Följande är ett exempel från We.Retail.
<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="cmp cmp-options aem-GridColumn aem-GridColumn--default--12">
<fieldset class="form-group checkbox">
<legend>What is your favorite type of toast?</legend>
<div class="checkbox-item">
<label>
<input type="checkbox" name="toasttypes" value="dry">
Plain dry toast
</label>
</div>
<div class="checkbox-item">
<label>
<input type="checkbox" name="toasttypes" value="french">
French toast
</label>
</div>
<div class="checkbox-item">
<label>
<input type="checkbox" name="toasttypes" value="texas">
Texas toast
</label>
</div>
</fieldset>
</div>
</form></div>
"container": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
"columnCount": 12,
"gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
":items": {
"options": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/form/options",
"name": "toastTypes",
"jcr:title": "What is your favorite type of toast?",
"source": "local",
"type": "checkbox"
}
},
":itemsOrder": [
"options"
],
":type": "weretail/components/form/container"
}
JSON-export från Core Components kräver version 1.1.0 av Core Components. Mer information finns i kompatibilitetsinformationen för Core Components v1.
I dialogrutan Konfigurera kan innehållsförfattaren definiera vilken typ av alternativ som ska visas, etiketter och vilka alternativ som är tillgängliga.
TyperHur alternativen visas
Titel - Den rubrik som ska visas som etikett för alternativen
Namn - Namnet på fältet som skickats med formulärdata
Källa - Där alternativen definieras
Hjälpmeddelande - Ett tips för användaren om vad som kan anges i fältet
Det finns ingen designdialogruta för komponenten Formuläralternativ.
Den senaste tekniska dokumentationen om Form Options Component finns på GitHub.
Hela kärnkomponentprojektet kan laddas ned från GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen till Core Components developer.