Tovább a tartalomhoz

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.

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.

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).
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.

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.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások