A Rácsszerű elrendezés funkció lehetővé teszi a kérdések többoszlopos rácsban való elrendezését egy csoporton belül, a gridformat<> megjelenési tag segítségével. Ez hasznos sűrű adatbeviteli űrlapoknál, ahol több kapcsolódó mezőt egymás mellé kell helyezni, ahelyett hogy egymás alatt lennének.

Működési elv

A rácsszerű elrendezés két szinten alkalmazható:

  1. A csoport — állítsa be az appearance: field-list grid(weight=N) értéket a rács oszlopainak számának meghatározásához
  2. Minden egyes mező a csoporton belül — állítsa be az appearance: gridformat<row=R col=C colspan=S/> értéket a mező elhelyezéséhez

A rács 12 oszlopos Bootstrap-stílusú rendszert használ. A weight=N meghatározza a logikai oszlopok számát; minden oszlop 12/N Bootstrap-oszlopot foglal el.

Csoportszintű megjelenés

MegjelenésLeírás
field-list grid(weight=2)2 oszlopos rács (minden oszlop = 6 Bootstrap-oszlop)
field-list grid(weight=3)3 oszlopos rács (minden oszlop = 4 Bootstrap-oszlop)
field-list grid(weight=4)4 oszlopos rács (minden oszlop = 3 Bootstrap-oszlop)
field-list grid(weight=6)6 oszlopos rács (minden oszlop = 2 Bootstrap-oszlop)

Mezőszintű gridformat<> szintaxis 

  gridformat<row=R col=C colspan=S/>
gridformat<row=R col=C colspan=S backgroundcolor=SZÍN/>
AttribútumLeírás
rowSor száma (1-től számozva)
colOszlop száma (1-től számozva, a weight által meghatározott rácson belül)
colspanHány oszlopot foglal el ez a mező (alapértelmezett: 1)
backgroundcolorOpcionális CSS-szín a mező hátteréhez (pl. #f0f0f0, lightblue)

Példa: 2 oszlopos háztartásfelmérési szakasz

typenamelabelappearance
begin_groupdemographicsDemográfiai adatokfield-list grid(weight=2)
textfirst_nameUtónévgridformat<row=1 col=1/>
textlast_nameVezetéknévgridformat<row=1 col=2/>
integerageKorgridformat<row=2 col=1/>
select_one gendergenderNemgridformat<row=2 col=2/>
textaddressTeljes címgridformat<row=3 col=1 colspan=2/>
end_group

Ez a következő megjelenítést eredményezi:

  [ Utónév             ] [ Vezetéknév          ]
[ Kor                ] [ Nem                 ]
[ Teljes cím (mindkét oszlopot lefedi)       ]

Példa: 3 oszlopos terülti adatbevitel

typenamelabelappearance
begin_groupplot_dataParcella adataifield-list grid(weight=3)
textplot_idParcella azonosítójagridformat<row=1 col=1/>
decimalarea_haTerület (ha)gridformat<row=1 col=2/>
select_one crop_typecropNövénytípusgridformat<row=1 col=3/>
decimalyieldTermés (kg)gridformat<row=2 col=1/>
decimalrevenueBevételgridformat<row=2 col=2/>
textnotesMegjegyzésekgridformat<row=2 col=3/>
end_group

Háttérszínek

A backgroundcolor segítségével vizuálisan megkülönböztetheti a szakaszokat:

typenamelabelappearance
notesection_aA szakaszgridformat<row=1 col=1 colspan=2 backgroundcolor=#e8f4f8/>

Bevált módszerek

  1. Rácsszerű elrendezést csak adatintenzív képernyőknél használjon, ahol az egymás mellé rendezett mezők valóban csökkentik a görgetést.
  2. Tartsa a colspan=1 mezőket rövidnek (azonosítók, kódok, rövid kiválasztók) – a széles feliratok rosszul csonkulnak a keskeny rácsoszlopokban.
  3. Használjon colspan=N értéket hosszú feliratú vagy többsoros szövegbeviteli mezőkhöz.
  4. Tesztelje a legkisebb várt képernyőméreten – a 4 oszlopos rács szűk mobiltelefon-kijelzőn.
  5. A rácsszerű elrendezés a webes és táblagépes formátumoknál működik a legjobban; mobiltelefonnál általában legfeljebb 2 oszlopos elrendezés kényelmes.

Korlátozások

  • A gridformat<> csak grid(weight=N) megjelenéssel rendelkező csoporton belül működik – a legfelső szinten nincs hatása.
  • A rácsszerű elrendezés rtSurvey webes bővítmény, és esetleg nem jelenik meg megfelelően más ODK-kompatibilis kliensekben.
  • A sor és oszlop elhelyezése az űrlap felépítéskor nem kerül ellenőrzésre – az átfedő mezők mindkettő megjelenik, de töröttnek tűnhet.
Hasznos volt ez az oldal?