Ugrás a fő tartalomhoz

Ninja Forms - Layout & Styles

Funkcionalitás és előnyök​

A Ninja Forms Layout & Styles bővítménnyel könnyedén szerkesztheted a formák kinézetét és elrendezését közvetlenül a formakészítő felületről. Ennek köszönhetően nincs szükség kódolási ismeretekre vagy külső dizájner alkalmazására. A bővítmény lehetővé teszi, hogy gyorsan és egyszerűen létrehozz több oszlopos formákat, csoportosítsd a mezőket, és testre szabj minden apró részletet a formáidon.

Drag & drop elrendezés​

Az űrlapmezők elrendezésének módosítása rendkívül egyszerű a drag and drop funkcióval. Csak húzd és dobd a mezőket egymás mellé, hogy több oszlopos űrlapot hozz létre. Akár teljes sorokat is mozgathatsz, ha meggondoltad magad az elrendezést illetően.

Mezők és formák stílusának beállítása​

A bővítménnyel szinte minden aspektust testre szabhatsz a formáid megjelenésében. A globális stílusbeállításokkal az összes formát módosíthatod az oldalon, de egyéni formákat is testre szabhatod közvetlenül az építőben. Minden mezőt külön-külön is stilizálhatsz annak saját beállításaiból.

Testreszabható elemek​

  • Háttérszín változtatása beépített színválasztóval
  • Formahatár méretének és színének beállítása
  • Mezőhatár méretének és színének beállítása
  • Mezők közötti térköz növelése vagy csökkentése
  • Szöveg színének megváltoztatása
  • Mezők magasságának és szélességének állítása
  • Egyedi stílusok hozzáadása űrlapelemekhez, címkékhez és keretekhez
  • Stílusok hozzáadása sikeres és hibás üzenetekhez

Együttműködés más eszközökkel​

A Ninja Forms Layout & Styles zökkenőmentesen működik együtt több más Ninja Forms bővítménnyel, mint például a Multi-Part Forms és a Conditional Logic. Ez lehetővé teszi, hogy összetett űrlapokat hozz létre többlépcsős folyamattal vagy feltételes logikával.

Hasznos tippek​

  • Mobilbarát űrlapok: Az űrlapok mobilbarátak lesznek, ha a témád megfelelő szabályokat tartalmaz a reszponzív méretezéshez.
  • Globális stílusok: Használd a globális stílusbeállításokat, hogy az összes formád konzisztens megjelenést kapjon az oldalon.
  • Egyedi CSS: Haladó felhasználók egyedi CSS szabályokat is hozzáadhatnak az űrlapokhoz, ha még részletesebb testreszabásra van szükség.

Gyakorlati példák​

Kapcsolati űrlapok​

A kapcsolatfelvételi űrlapokon gyakran szükséges több mezőt egymás mellé helyezni az átláthatóság érdekében. A Layout & Styles segítségével könnyedén készíthetsz két- vagy háromoszlopos elrendezéseket, amelyek javítják a felhasználói élményt.

Regisztrációs űrlapok​

Regisztrációs űrlapoknál fontos lehet, hogy egyes mezőket kiemelj vagy csoportosíts. A bővítmény lehetővé teszi, hogy az egyes mezők közötti térközt állítsd, és egyedi stílusokat adj hozzá, hogy az űrlap professzionális megjelenést kapjon.

Esemény regisztráció​

Eseményekre történő regisztráció során gyakran szükséges több lépéses űrlapokat használni. A Layout & Styles kompatibilis a Multi-Part Forms bővítménnyel, így egyszerűen hozhatsz létre többlépcsős űrlapokat is.

Szószedet​

  • Drag and Drop: Húzd és ejtsd funkció.
  • Global Styling: Globális stílusbeállítások.
  • Reszponzív Méretezés: Mobilbarát kialakítás.
  • CSS: Cascading Style Sheets, egy stíluslap nyelv.
  • Multi-Part Forms: Többlépcsős űrlapok.
  • Conditional Logic: Feltételes logika.