# Kész CSS-osztályok

> Az űrlap alapstílusába beépített osztályok, amelyekkel CSS írása nélkül változtathatod meg a mezők elrendezését.

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](https://hub.hellowp.io/hu/plugins/fluentformpro/stilus-egyeni-css/) fejezetet.
- A mezők közös beállításai: [Űrlapmezők áttekintése](https://hub.hellowp.io/hu/plugins/fluentformpro/mezok-attekintes/).