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

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:

<!-- Ú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>