Kész CSS-osztályok

A Fluent Forms alap stíluslapja néhány előre elkészített CSS-osztályt tartalmaz. Ezekkel különleges elrendezéseket állíthatsz be egy mezőn anélkül, hogy saját CSS-t írnál.

Osztály hozzáadása egy mezőhöz

1. Szerkeszd az űrlapot az űrlapszerkesztőben, és jelöld ki a mezőt.
2. A Speciális beállítások között keresd meg a Konténerosztály beállítást.
3. Írd be a kész osztály nevét (több osztályt szóközzel választhatsz el).
4. Kattints a Save Form gombra.

A szerkesztőben a változás nem látszik azonnal, az eredményt az előnézetben vagy az oldalon nézheted meg.

A kész osztályok

Osztály	Mit csinál	Mire használható
ff_list_2col	A rádiógomb- vagy jelölőnégyzet-listát két, egyenlő szélességű oszlopba rendezi.	Csak rádiógomb- és jelölőnégyzet-listán, bármely címkepozíció mellett.
ff_list_3col	Ugyanez három oszlopban.	Ugyanaz.
ff_list_4col	Ugyanez négy oszlopban.	Ugyanaz.
ff_list_5col	Ugyanez öt oszlopban.	Ugyanaz.
ff_list_inline	A lista elemeit egymás mellé, vízszintes sorba teszi (nem egyenlő oszlopokba).	Rádiógomb- és jelölőnégyzet-listán.
ff_scrolled_text	Az Egyéni HTML mezőt rögzített magasságú dobozzá alakítja, ami hosszú szövegnél görgetősávot kap.	Hosszú szöveghez, például szerződési feltételekhez, hogy az űrlap ne nyúljon meg. Csak a Szakaszelválasztó mezőn működik.
ff_force_hide	A mezőt elrejti az oldalon.	Ha a mezőben csak értéket tárolsz, és nem akarod megmutatni a kitöltőnek.
ff_pointer	A kurzor mutatóujjra változik, ha a mező fölé viszed az egeret.	Kattintható hatású mezőkhöz.
ff-read-only	A mező csak megtekinthető, a kitöltő nem szerkesztheti.	Előre kitöltött, védett értékekhez. Ezt az osztályt az Elem osztálya mezőbe is beírhatod.
ff-hidden	A mező rejtett marad a kitöltő előtt, de az adminisztrátor látja.	Admin számára látható mezőkhöz.

Korlát

A CSS-osztályok a beszélgetős űrlapokkal nem kompatibilisek, ott nem érvényesülnek.

Kapcsolódó

• Saját szabályokhoz lásd az Egyéni CSS és JavaScript fejezetet.
• A mezők közös beállításai: Űrlapmezők áttekintése.