# Egyéni HTML, Művelet hook és Chained Select

> Saját HTML és SmartCode az űrlapban, fejlesztői műveleti hook, valamint egymásra épülő legördülők CSV-adatból.

## Egyéni HTML

Az **Általános mezők** csoport **Egyéni HTML** mezőjével saját HTML-kódot, rövidkódot, szöveget, képet vagy beágyazott elemet tehetsz az űrlapba. A tartalom a kitöltő számára közönséges tartalomként jelenik meg, bevitelt nem gyűjt.

![Az Egyéni HTML mező beállításai](./kepek/mezok-2-html-alap.webp)

*Az Egyéni HTML mező beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=editor)

| Beállítás | Mit csinál |
| --- | --- |
| **HTML-kód** | A megjelenítendő érvényes HTML. Például: `<p style="color:blue;">Üdvözlünk a regisztrációs űrlapon!</p>`. A szerkesztőben **Média hozzáadása** gomb és **Vizuális** és **Kód** nézet is van. |
| **Add Shortcodes** | A SmartCode-választó: böngészhetsz az elérhető SmartCode-ok között, és a kijelölt a kurzor helyére kerül, nem kell kézzel begépelned. |
| **Dinamikus SmartCode-ok** | A `{dynamic.A_MEZO_NEVE}` alakú kóddal bármely beviteli mező adata megjeleníthető a HTML-ben. Más rövidkódok is működnek a mezőben. |
| **Feltételes logika** | A mező megjelenítése szabályokhoz köthető. |
| **Konténerosztály** | Egyedi CSS-osztály a mező burkolóján, a mező formázásához. |

SmartCode beszúrása:

1. Kattints az **Add Shortcodes** gombra a **HTML-kód** részben.
2. Válaszd ki a kívánt SmartCode-ot. Bekerül a HTML-kódba.

## Művelet hook

A **Speciális mezők** csoport **Művelet hook** mezője fejlesztőknek való: az űrlap egy tetszőleges pontjára dinamikus tartalmat illeszthetsz be PHP-ból. A mező a kiegészítővel érhető el.

![A Művelet hook mező beállításai](./kepek/mezok-2-hook-alap.webp)

*A Művelet hook mező beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=editor)

A **Hook neve** mezőbe egyedi hooknevet írsz. A függvényed az űrlap ezen a helyén fut le, és egy paramétert kap: az `$form` objektumot.

```php
add_action( 'HOOK_NEVE', 'sajat_fuggveny_neve', 10, 1 );

function sajat_fuggveny_neve( $form ) {
    // ide jön, amit meg szeretnél jeleníteni
}
```

![A Művelet hook speciális beállításai](./kepek/mezok-2-hook-halado.webp)

*A Művelet hook speciális beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=editor)

A **Speciális beállítások** között az **Elem osztálya** és a **Feltételes logika** található.

## Chained Select

A **Speciális mezők** csoport **Chained Select** mezője egymásra épülő legördülőket hoz létre CSV-adatból. Kategóriás választáshoz való, például ország, megye, város vagy márka, modell, kivitel. A mező a kiegészítővel érhető el.

A mező három legördülőt ad: szülő, gyermek és unoka. A gyermek lista csak a kiválasztott szülőhöz tartozó elemeket mutatja, az unoka lista pedig csak a kiválasztott gyermekhez tartozókat. Ha a szülő értéke megváltozik, és a gyermek választása már nem illik hozzá, a lenti mezők maguktól alaphelyzetbe állnak.

![A Chained Select mező beállításai](./kepek/mezok-2-lancolt-alap.webp)

*A Chained Select mező beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=editor)

| Beállítás | Mit csinál |
| --- | --- |
| **Elem címkéje** | A mező felirata. |
| **Admin mezőcímke** | A beküldések megtekintésekor látszó név. |
| **Alapértelmezett érték** | Fix vagy rövidkóddal dinamikusan előtöltött érték. A jobb oldali három pontos gombbal szúrhatsz be rövidkódot. |
| **Címke elhelyezése** | **Alapértelmezett**, **Felül**, **Jobb**, **Alul**, **Bal** vagy **Címke elrejtése**. |
| **Kötelező** | Legalább egy választást megkövetel. |
| **CSV-adatforrás** | **Fájlfeltöltés**: CSV-fájlt töltesz fel. **Távoli URL**: külső helyen tárolt CSV címét adod meg. A **Minta CSV letöltése** hivatkozás mintafájlt ad. |

A CSV első sora a legördülők neveit adja meg (ezek lesznek az egyes szintek helykitöltői), alatta az adatsorok: minden sor egy szülő, gyermek, unoka elemhármas. A mintafájl megmutatja a szerkezetet, érdemes abból kiindulni.

![A Chained Select speciális beállításai](./kepek/mezok-2-lancolt-halado.webp)

*A Chained Select speciális beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=editor)

A **Speciális beállítások**:

| Beállítás | Mit csinál |
| --- | --- |
| **Névattribútum** | A mező HTML neve, általában nem kell módosítani. |
| **Súgóüzenet** | Útmutató szöveg a mező alatt. |
| **Konténerosztály**, **Elem osztálya** | Egyedi CSS-osztályok. |
| **Kereshető intelligens opciók bekapcsolása** | Hosszú listáknál keresőmezőt ad a legördülőkhöz. |
| **Feltételes logika** | Megjelenés szabályokhoz kötve. |

A mező más haladó mezőkkel együtt szerepel a [Haladó mezők](https://hub.hellowp.io/hu/plugins/fluentformpro/mezok/) fejezetben is.