# Caldera Forms modul

> Caldera Forms űrlap beillesztése és stílusozása a Divi Builderben: tartalom-, design- és haladó beállítások.

A Caldera Forms modullal a Caldera Forms bővítményben készített űrlapot legördülő listából választod ki, nem kell shortcode-ot másolgatnod a Divi Code modulba. Az űrlap minden eleme a modulból stílusozható: cím, szövegtörzs, elválasztó vonal, címkék, mezőleírás, beviteli mezők, helyőrző, rádiógomb és jelölőnégyzet, alap fájlfeltöltő, hiba- és sikerüzenet, küldés gomb és a haladó fájlfeltöltő gomb.

## Előkészület

A modul tetején egy megjegyzés arra figyelmeztet, hogy a Caldera Forms saját stílusát ki kell kapcsolni. Nyisd meg a **Caldera Forms** menüt, kattints felül az **General Settings** (általános beállítások) gombra, és kapcsold ki az összes kapcsolót.

Ha még nincs űrlapod, a **Caldera Forms → Forms** oldalon az **New Form** gombbal hozhatsz létre egyet.

## Tartalom fül

| Beállítás | Mit csinál |
|---|---|
| **Caldera Form** | Legördülő lista a Caldera Forms bővítményben létrehozott űrlapokkal. Innen választod ki a megjelenítendőt. |
| **Show Error & Validation Messages** | A hiba- és ellenőrzési üzeneteket a Visual Builderben is megmutatja, hogy stílusozni tudd őket. |
| **Admin Label** | A modul neve a builderben, az áttekintésben (wireframe nézetben a modulblokkban is ez látszik). |

## Design fül

| Csoport | Mit állíthatsz |
|---|---|
| Header Text | Az űrlap létrehozásakor megadott fejléc szövegének stílusa. |
| Body Text | Az űrlap leírásának, szövegtörzsének stílusa. |
| Horizontal Ruler (HR Tag) | Az elválasztó vonal színe (**Color**) és a vonal alatti-feletti térköz (**Gap**). |
| Label | A címke alatti térköz (**Bottom Spacing**), a kötelező mezőt jelző csillag színe (**Required Asterisk Color**), valamint a címke betűtípusa, mérete, színe és a többi szövegbeállítás. |
| Field Description | A mező alatt megjelenő leírás háttérszíne, betűmérete, betűtípusa, vastagsága és társai. |
| Input, Textarea and Select | Minden beviteli mezőre egyszerre vonatkozik (név, e-mail, üzenet, legördülő). Alsó margó (**Margin Bottom**), háttérszín, a beírt szöveg betűtípusa, mérete, színe, a mező lekerekítése, szegélye és árnyéka. A lekerekítésnél a lánc ikonnal egyszerre állítod mind a négy sarkot, kikapcsolva külön-külön. |
| Input, Textarea and Select Focus | A mezők megjelenése, amikor beleírsz (fókuszban vannak), például a szöveg mérete és vastagsága. |
| Placeholder | A helyőrző szöveg betűtípusa, mérete és a többi szövegbeállítás. |
| Radio & Checkbox | A rádiógombok és jelölőnégyzetek szövegének stílusa. A **Custom Radio/Checkbox Styles** kapcsolóval egyéni kinézetet kapcsolsz be: **Checked Color** (a bejelölt jel színe), **Checked Background Color** (bejelölt állapot háttere), **Background Color** (alap háttér). |
| Basic File | Az alap fájlfeltöltő mező: belső térköz, háttérszín, betűtípus, méret, vastagság. |
| Error Messages | A hibaüzenet háttérszíne, betűtípusa, mérete, árnyéka, lekerekítése és szegélye. |
| Success Messages | A sikerüzenet háttérszíne, betűtípusa, mérete, árnyéka, lekerekítése és szegélye. |
| Submit Button | Igazítás (balra, középre vagy jobbra), felső margó (**Margin Top**), és a **Use Custom styles for the button** kapcsolóval a gombot úgy stílusozod, mint a Divi gombját. |
| Advanced File Button(1.0) | A **Use Custom styles for the Advanced File Button(1.0)** kapcsolóval a haladó fájlfeltöltő gombot is a Divi gombbeállításaival formázod. |

## Haladó fül

Egyéni CSS-azonosítót és -osztályokat adhatsz a modulnak, saját CSS-t írhatsz hozzá, és eszközönként megadhatod, hol látszódjon.