Kalender – Dato-element
- Alexander Edin Varegg
Designet til Compose har blitt oppdatert. Siden kan inneholde skjermbilder av det gamle designet, men informasjonen er oppdatert. Vi takker for din tålmodighet mens vi oppdaterer bildene!
Dato-elementer lar sluttbrukeren velge datoer i en interaktiv kalender. Kalenderen kan tilpasses gjennom et flertall av innstillinger i Kalender-menyen, slik at du kan begrense valg av dato, tilgjengelige år, vise ukenummer etc.. Kalenderen gjør det enklere for sluttbrukeren å oppgi korrekt datoformat i skjemaet.
Naviger til Bygger-menyen i skjemabyggeren. Legg til et dato-element ved å velge dato fra Elementer-panelet. Det nye dato-elementet vil deretter dukke opp på lerretet. Velg det for å vise panelet med egenskaper til høyre.
For å lære mer om generell konfigurering av element-egenskaper, ta en titt på veiledningen Bygg et skjema. Gi elementet en spørsmålstekst og trykk Kalender-knappen lenger nede i panelet.
Kalender-menyen vises. Her setter du tilpasningene for kalenderen. Viktig: Kun innstillingene under Begrens valg av dato påvirker bootstrap-layouten. Alle innstillinger påvirker kalendere i standard og responsiv HTML.
For dette eksempelet ønsker vi at sluttbrukeren skal se år, måned og ukenummer mens de velger dato. Huk derfor av Vis år, Vis måned og Vis ukenummer.
Når vis år er valgt må vi også velge hvor mange år vi ønsker å vise samtidig. Når sluttbrukeren velger dato, vil det nåværende året være markert (med mindre du har valgt å begrense valg av dato). Hvis sluttbrukeren går tilbake og velger en dato på nytt vil intervallet av år vist i nedtrekkslisten være relativt til det valgte året. Hvis vi f.eks. skriver inn 10 i feltene under Vis år vil listen med årstall være +/- 10 år fra den valgte datoen.
La oss legge til et dato-element og åpne Kalender-menyen. For dette dato-elementet ønsker vi å begrense valg av dato. I tillegg vil vi vise måned, ukenummer og datoer fra andre måneder, så huk av disse innstillingene under Valg for dato. Vi ønsker også at sluttbrukeren skal kunne se to kalendermåneder samtidig, så vi velger 2 fra nedtrekkslisten Antall måneder som skal vises samtidig.
Huk av Begrens valg av dato. Du kan velge en fast periode eller vi kan velge en periode relativ til dagens dato. I eksempelet under begrenser vi perioden til 20 dager før dagens dato og 10 dager etter dagens dato. Velg radioknappen relativ til dagens dato og legg inn 20 og 10 dager under Start og Slutt.
Innstillingene reflekteres i slutt-grensesnittet.
Husk å lagre kladden og versjonere skjemaet for å vise innstillingene i en prosess.