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

> Hogyan tehetsz a Küldés gombot a mezők mellé egy sorba HTML mezővel és egy kis kóddal; a régebbi megoldás, mielőtt a gomb saját beállításokat kapott volna.

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](https://hub.hellowp.io/hu/plugins/gravityforms/beallitasok-kuldes-gomb/).

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:

```html
<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](https://hub.hellowp.io/hu/plugins/gravityforms/hogyan-urlap-azonosito/) 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.