appearance-sarake rtSurveyssa mahdollistaa kysymysten visuaalisen esittämistavan ja toiminnan mukauttamisen kyselyissäsi. Tämä ominaisuus parantaa käyttökokemusta ja voi merkittävästi tehostaa tiedonkeruuta. rtSurvey tukee XLSFormin vakioulkoasuattribuutteja ja laajentaa niitä lisäasetuksilla.

Vakio XLSForm-ulkoasuattribuutit

rtSurvey tukee seuraavia vakio XLSForm-ulkoasuattribuutteja:

UlkoasuattribuuttiKysymystyypitKuvaus
multilinetextLuo monirivisentekstiruudun (parhaiten webissä)
minimalselect_one, select_multipleNäyttää valinnat pudotusvalikossa
quickselect_oneSiirtyy automaattisesti seuraavaan kysymykseen valinnan jälkeen (vain mobiili)
no-calendardateEstää kalenterin näyttämisen (vain mobiili)
month-yeardateMahdollistaa kuukauden ja vuoden valinnan
yeardateMahdollistaa vain vuoden valinnan
horizontal-compactselect_one, select_multipleNäyttää valinnat vaakasuoraan (vain web)
horizontalselect_one, select_multipleNäyttää valinnat vaakasuoraan sarakkeissa (vain web)
likertselect_oneEsittää valinnat Likert-asteikkona
compactselect_one, select_multipleNäyttää valinnat vierekkäin minimaalisella täytteellä
quickcompactselect_oneYhdistää tiiviin näytön ja automaattisen etenemisen (vain mobiili)
field-listgroupsNäyttää koko ryhmän yhdellä näytöllä (vain mobiili)
labelselect_one, select_multipleNäyttää valintojen otsikot ilman syöttöelementtejä
list-nolabelselect_one, select_multipleNäyttää syöttöelementit ilman otsikoita (käytä label:n kanssa)
table-listgroupsNäyttää kysymykset taulukkona
signatureimageMahdollistaa allekirjoituksen tallentamisen (vain mobiili)
drawimageMahdollistaa vapaamuotoisen piirroksen (vain mobiili)
map, quick mapselect_one, select_one_from_fileMahdollistaa valinnan kartalta

Ulkoasun käytön parhaat käytännöt

  1. Johdonmukaisuus: Käytä ulkoasuattribuutteja johdonmukaisesti koko kyselyssä yhtenäisen ulkoasun saavuttamiseksi.
  2. Mobiili vs. web: Harkitse miten ulkoasut renderöityvät eri laitteilla ja alustoilla.
  3. Suorituskyky: Ole varovainen ulkoasuattribuuttien kanssa, jotka saattavat hidastaa lomakkeen latautumista (esim. table-list suurille ryhmille).
  4. Käyttökokemus: Valitse ulkoasut, jotka tekevät tietojensyötöstä helpompaa ja intuitiivisempaa vastaajille.
  5. Testaus: Testaa aina lomakkeesi kohdejaitteilla varmistaaksesi ulkoasujen toimivuuden.

Edistyneet tekniikat

Ulkoasujen yhdistäminen

Joitain ulkoasuattribuutteja voidaan yhdistää monimutkaisempien asettelujen saavuttamiseksi:

  | type | name | label | appearance |
|------|------|-------|------------|
| select_one options | choice | Valitse yksi: | minimal compact |
  

Dynaamiset ulkoasut

rtSurvey mahdollistaa dynaamiset ulkoasumuutokset lomakelogiikan perusteella:

  | type | name | label | appearance | relevant |
|------|------|-------|------------|----------|
| text | time | Anna aika: | inline-[%H:%M] | ${show_time} = 'yes' |
  

Mobiilisovelluksen huomioiminen

  • Jotkut ulkoasut (esim. quick, signature) ovat mobiililaitekohtaisia.
  • Testaa perusteellisesti sekä Androidilla että iOS:llä yhdenmukaisen toiminnan varmistamiseksi.

rtSurvey-laajennetut ulkoasuattribuutit

Vakio XLSForm-ulkoasujen lisäksi rtSurvey tukee seuraavia alustakompatiisia asetuksia:

Tietojen hallinta ja näyttö

UlkoasuattribuuttiKysymystyypitKuvaus
invisiblemikä tahansaPiilottaa kentän näkyvistä keräten tai laskien silti sen arvon. Eroaa hidden-tyypistä — kenttä osallistuu silti logiikkaan.
displaytitlemikä tahansaPakottaa kentän otsikon/nimen näyttämisen, vaikka se muuten olisi piilotettu.
autopullselect_one, select_multipleHakee automaattisesti ulkoisen datan täyttääkseen valinnat lomakkeen latautuessa tai triggerikentän muuttuessa.
floating_hinttext, integer, decimalNäyttää vihjeen tekstin kelluvana tunnisteena syöttökentän yläpuolella sen sijaan, että se olisi alla.
calculate-buttoncalculateLisää näkyvän painikkeen, joka käynnistää kentän uudelleenlaskennan pyydettäessä automaattisen laskennan sijaan.

Asettelu

UlkoasuattribuuttiKysymystyypitKuvaus
1screengroupPakottaa koko ryhmän näkymään yhdellä näytöllä ryhmän koosta riippumatta.
columns(n)select_one, select_multipleNäyttää valinnat n sarakkeessa. Esimerkki: columns(3) näyttää kolme saraketta valintapainikkeita.
gridformat<row=R col=C colspan=S align=center>mikä tahansaSijoittaa kentän CSS-ruudukkoon riville R, sarakkeeseen C, ulottuen S saraketta. Käytetään advanced-extension/grid-layout:n kanssa.
ignore-simplifymikä tahansaOhjaa lomakkeen renderöijää ohittamaan automaattinen yksinkertaistaminen tai tämän kentän asettelun tiivistäminen.

Widgetit

UlkoasuattribuuttiKysymystyypitKuvaus
likertselect_oneEsittää valinnat Likert-asteikkoriveinä.
distressselect_oneRenderöi valinnat Kessler Psychological Distress Scale (K10) -visuaalisena widgettinä tunneikoneineen.

API-integraatio

UlkoasuattribuuttiKysymystyypitKuvaus
callapitext, integer, decimal, select_oneMahdollistaa API-kutsuintegraation tälle kentälle. Calculation-sarakkeen tulee sisältää callapi()-lauseke. Katso Call API.
callapi-verify(params)text, integer, decimalKäynnistää API-varmistuskutsun staattisilla parametreilla. Lomake estää etenemisen, kunnes API vahvistaa arvon.
callapi-verify(dynamicParams)text, integer, decimalSama kuin callapi-verify, mutta parametrit johdetaan muiden kenttien arvoista suorituksen aikana.

Sisäinen päivämäärä/aika-muoto

date-, time- ja datetime-kentille voit määrittää mukautetun näyttömuodon lisäämällä muotoilujonon ulkoasuun:

  inline-[%d/%m/%Y]
inline-1line-[%d/%m/%Y %H:%M]
  

Muotoilutunnukset ovat samat kuin format-date() ja format-date-time(). Katso Funktiot — Päivämäärä- ja aikafunktiot.

Esimerkki:

typenamelabelappearance
datetimeevent_timeTapahtuman päivämäärä ja aikainline-[%d/%m/%Y %I:%M %p]
datebirth_dateSyntymäpäiväinline-[%d/%m/%Y]

Tunnetut rajoitukset

  • Monimutkaiset ulkoasut eivät välttämättä renderöidy identtisesti kaikilla alustoilla.
  • Jotkut edistyneet rtSurvey-ulkoasut eivät välttämättä tue offline-tilaa.

Ulkoasuongelmien vianmääritys

  1. Ulkoasua ei sovelleta: Tarkista ulkoasu-sarakkeessa olevat kirjoitusvirheet.
  2. Epäjohdonmukainen renderöinti: Tarkista yhteensopivuus kysymystyypin ja alustan kanssa.
  3. Suorituskykyongelmat: Harkitse monimutkaisten ulkoasujen yksinkertaistamista erityisesti suurille kyselyille.
Oliko tämä sivu hyödyllinen?