# Régi jelölés (legacy markup) és a 2.5-ös jelölésváltás

> Mi a régi jelölés, hogyan kapcsolható ki, mit nem tud, és mi változott a HTML-szerkezetben a 2.5-ös kiadásban.

## Mi a régi jelölés?

A régi jelölés (legacy markup) az a HTML- és CSS-szerkezet, amelyet a Gravity Forms a 2.5-ös kiadás előtt használt. A 2.5-ös kiadás modernebb, akadálymentesebb jelölésre váltott, a régi jelölést pedig kivezetésre ítélte.

> A régi jelölés a 4.0-s kiadásban megszűnik. Ekkor az űrlapok automatikusan a szabványos jelölést kapják, mintha a régi mód ki lenne kapcsolva. Ha a webhelyeden van a régi szerkezetre épülő egyedi kód, ez hibákat okozhat.

A 2.5-ös kiadásra frissítéskor a régi jelölés minden meglévő űrlapon automatikusan bekapcsolt maradt, hogy a több millió meglévő űrlap változatlanul működjön. Az új űrlapok a modern jelölést kapják, de szükség esetén náluk is bekapcsolható a régi.

## A kapcsoló megkeresése

A **Régi jelölés engedélyezése** kapcsoló az űrlap beállításai között csak akkor látszik, ha az adott űrlapon be van kapcsolva a régi jelölés. Ha nem látod, az űrlap már a modern jelölést használja. Hogy a kapcsoló megjelenjen, két módon járhatsz el:

- importálsz egy olyan űrlapot, amelyen a régi jelölés be van kapcsolva;
- vagy programból bekapcsolod a `gform_enable_legacy_markup` szűrővel.

A kapcsoló mellett figyelmeztetés jelzi, hogy a régi jelölés nem kompatibilis az Orbital sablonnal.

## A régi jelölés kikapcsolása

1. Nyisd meg az űrlap beállításait.
2. Az **Űrlap beállításai** részben keresd meg a régi jelölés kapcsolóját.
3. Kapcsold ki, majd mentsd az űrlapot.

Ha az űrlap CSS-kész osztályokat (CSS Ready Classes) vagy más, régi jelölésre épülő stílust használ, a szerkesztő tetején üzenet figyelmeztet erre a kikapcsoláskor.

## Amit a régi jelölés nem tud

A régi jelölés visszafelé kompatibilis, de előre nem: az újabb funkciókat nem kapja meg, és a szerkesztő is figyelmeztető üzenetet mutathat. Régi jelölés mellett például nem használható:

- az oszlopok a szerkesztőben, ahol a mezőket oszlopokba húzhatod;
- a **Küldés** gomb néhány beállítása: a gomb szélessége és helye a szerkesztőben működik, de az oldalon nem a várt módon jelenik meg;
- a Beszélgetős űrlapok (Conversational Forms) kiegészítővel készült űrlapok.

## Mit érdemes tenni?

- Minden új űrlapot a modern jelöléssel készíts.
- Egy régi jelölésű űrlap jelentős módosításakor próbáld ki a régi jelölés kikapcsolását. Tedd ezt előbb tesztkörnyezetben, és a tervezett tesztelés közben ellenőrizd az elrendezést és a téma kompatibilitását is.

## Mi változott a jelölésben a 2.5-ös kiadásban?

A változások a jelölést korszerűsítették, szabványosították és akadálymentesebbé tették, de megtörhetik a meglévő űrlapok stílusát. Ezért jó először tesztkörnyezetben kikapcsolni a régi jelölést, és a megszokott felhasználói helyzetekben végigpróbálni az űrlapokat. A lista nem feltétlenül teljes.

- Minden mezőt `<div>` vagy `<fieldset>` fog közre, a `<li>` elemek megszűntek.
- A több beviteli elemből álló mezők (Név, Cím, Jelölőnégyzetek és társaik) `<fieldset>`-be kerültek, korábban `<div>` volt.
- A `<fieldset>`-ben lévő mezők címkéje `<legend>`, korábban `<label>` volt.
- A Lista mező szerkezete az akadálymentesség miatt megújult.
- A hozzáadás és eltávolítás ikonok `<button>` elemek, korábban `<a>` hivatkozások voltak.
- A `<table>` elemek helyett `<div>` elemek szerepelnek.
- Minden szkript, az inline szkriptek is, alapból halasztva, az oldal alján töltődik be a gyorsabb betöltésért.

Összehasonlításul egy Név mező régi és új jelölése:

```html
<!-- Új jelölés -->
<div id="gform_fields_893" class="gform_fields top_label form_sublabel_below description_below">
  <fieldset id="field_893_4" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
    <legend class="gfield_label gfield_label_before_complex">Név</legend>
    <div class="ginput_complex ginput_container no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name" id="input_893_4">
      <span id="input_893_4_3_container" class="name_first">
        <input type="text" name="input_4.3" id="input_893_4_3" value="" aria-label="First name" aria-required="false">
        <label for="input_893_4_3">Utónév</label>
      </span>
      <span id="input_893_4_6_container" class="name_last">
        <input type="text" name="input_4.6" id="input_893_4_6" value="" aria-label="Last name" aria-required="false">
        <label for="input_893_4_6">Vezetéknév</label>
      </span>
    </div>
  </fieldset>
</div>

<!-- Régi jelölés -->
<ul id="gform_fields_893" class="gform_fields top_label form_sublabel_below description_below">
  <li id="field_893_4" class="gfield field_sublabel_below field_description_below gfield_visibility_visible">
    <label class="gfield_label gfield_label_before_complex">Név</label>
    <div class="ginput_complex ginput_container no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name" id="input_893_4">
      <span id="input_893_4_3_container" class="name_first">
        <input type="text" name="input_4.3" id="input_893_4_3" value="" aria-label="First name" aria-required="false">
        <label for="input_893_4_3">Utónév</label>
      </span>
      <span id="input_893_4_6_container" class="name_last">
        <input type="text" name="input_4.6" id="input_893_4_6" value="" aria-label="Last name" aria-required="false">
        <label for="input_893_4_6">Vezetéknév</label>
      </span>
    </div>
  </li>
</ul>
```