Sorban álló (inline) Küldés gomb az oszlopos szerkesztőben

Ez az útmutató megmutatja, hogyan állíthatsz a Küldés gombot egy mezősor jobb oldalára az oszlopos szerkesztővel, a 2.5-ös kiadásban. A 2.6-os kiadástól a Küldés gombnak már saját beállításai vannak az űrlapszerkesztőben, köztük az elhelyezés is. Ha ez a lehetőség elérhető, használd azt, lásd: A Küldés gomb beállításai.

A módszer lényege: egy HTML mezőben új gombot készítünk megfelelő igazítással, a szokásos küldő gombot elrejtjük, az új gomb pedig egy onclick JavaScript-művelettel megnyomja a rejtettet.

Lépések

1. Kezdj új űrlapot a Gravity Forms 2.5-ös űrlapszerkesztőjében.
2. Adj hozzá egy Egysoros szöveg mezőt a látogató nevéhez.
3. Adj hozzá egy E-mail mezőt a látogató e-mail-címéhez.
4. Adj hozzá egy HTML mezőt.
5. Nyisd meg a HTML mező beállításait, és másold a következő kódot a Tartalom területre:

<div>
<button onclick="document.getElementById('gform_submit_button_854').click();" style="height: 2.5rem;padding:0 1rem;font-size:1rem;">
Küldés
</button>
</div>

<style type="text/css">
#gform_wrapper_854 .gform_footer { visibility: hidden; position: absolute; left: -100vw; }
</style>

6. Cseréld ki a kódban mindkét 854-et az űrlapod azonosítójára. Az azonosító megkeresését a Hogyan derítsd ki az űrlap azonosítóját fejezet írja le.
7. Húzd az E-mail és a HTML mezőt oszlopokba úgy, hogy a mezők egy sorban legyenek.

A kód egy HTML gombot ad az űrlaphoz, amely megnyomásakor az eredeti küldő gombot indítja. A stílus a gombot a többi mezővel egy vonalba igazítja, az eredeti gombot pedig elrejti. Nézd meg az űrlap előnézetét, hogy minden jól néz-e ki.