Bookingkalenderen kan bygges inn på hjemmesiden din.
For å få tilgang til kodene du trenger kan du trykke på "Bygg inn"-menyen øverst i bookingkalenderen. Da vil det dukke opp en meny til høyre i skjermbildet.
Den første seksjonen er en såkalt script-tag. Denne kan du gjøre tilgjengelig i hodeseksjonen på hjemmesiden din så vil den være tilgjengelig på de sidene du har behov for å legge inn banekalenderen.
Den neste seksjonen er en egnedefinert / spesifikk tag som heter "booking-calendar-view" og denne skal du legge inn nøyaktig der hvor du ønsker bookingkalenderen skal dukke opp på siden din.
Konfigurasjon
Bookingkalender-visningen kan konfigureres med noen innstillinger / attributter som du ser i eksemplet som dukker opp:
<booking-calendar-view organizationID="69" view="today" cellWidth="60" hourHeight="60" orientation="horizontal" darkMode="false"></booking-calendar-view>
Hver av disse attributtene kan du justere som du selv ønsker:
| Attributt | Standardverdi | Beskrivelse |
| organizationID | XX | Dette er deres ID til organisasjonen. Ikke endre på denne. |
| view | today | Denne angir hvilke dager du ønsker å se. Se seksjonen under for mulige valg |
| cellWidth | 60 | Denne angir bredden på de minste kolonnene (bredde på laveste nivå lokasjoner) (px) |
| hourHeight | 60 | Denne angir høyden representert for en time (px) |
| orientation | horizontal |
Ved "horizontal" vises dagene på samme rad hvor første dag vises til venstre med påfølgende dager til høyre. Alternativt kan man sette "vertical" for å vise dagene nedover siden |
| darkMode | false |
Dersom kalenderen skal bygges inn på en side med mørkt tema kan denne settes til "true" |
| showPeriodSelector | false |
Når denne står på kan brukeren navigere fremover/bakover ihht hvilket "view" som er satt opp |
| rootIDs |
Denne kan brukes til å angi en begrensing på hvilke lokasjonstrær man ønsker på visningen. Flere ID-verdier kan separeres med komma (,). |
Mulige alternativer for "view":
| Verdi | Beskrivelse |
| today | Viser kun dagens dato |
| thisWeek | Viser denne uken (mandag til søndag) |
| thisMonth | Viser inneværende måned |
| rollingXDays|7 |
Viser fra dagens dato og X antall dager fram i tid. Eksemplet til venstre viser 7 dager fram. rollingXDays|3 viser i dag + 3 dager |
| date|2023-01-01 |
Viser angitt dato. For at denne skal gi mening må man bygge en datovelger på hjemmesiden som setter ønsket dato |
| range|2023-01-01|2023-01-07 |
Viser bookingkalenderen for angitt periode |
Kommentarer
0 kommentarer
Logg på hvis du vil legge inn en kommentar.