Open Web Calendar

De Open Web Calender gebruikt ICS/ICal kalenders online en toont deze in een kalender. U kunt het gebruiken met NextCloud, Outlook, Google Calendar, Meetup en andere kalendersystemen die de ICS standaard gebruiken. Wij ondersteunen de volgende standaarden: ICAL, CalDAV, webcal.

Om meerdere kalenders samen te voegen, voert u per keer het adres van de ICS kalender toe:

Kies een kalender van uw account:

Je kan extra aanpassien maken aan de kalender.

Wij raden aan om URL's te coderen als deze gevoelige informatie bevat. Sla het volgende wachtwoord op, alleen als u van plan bent om deze URLS later te decoderen.

🔑

Taal

English Esperanto(64%) French/Français(60%) German/Deutsch(93%) Hrvatski/Croatian(69%) Italiano/Italian(64%) Nederlands/Dutch Norwegian Bokmål/Norsk bokmål(51%) Slovenčina/Slovak Spanish/Español(69%) Suomi/Finnish(99%) Türkçe/Turkish(62%) Íslenska Čeština/Czech(88%) Русский/Russian Українська/Ukrainian தமிழ் 한국어(64%) Vertaal

U kunt de taal van de kalender instellen.
Vertaal

Titel

Voer hier de naam van de kalender in om de titel aan te passen:

Startdatum

Om de startdatum te wijzigen van de kalender:

Time and Hours

Eerste uur

Om het eerste uur van de kalenderweergave te wijzigen:

Laatste uur

Om het laatste uur te wijzigen van de kalenderweergave:

Tijdinterval

Wijzig het tijdsinterval in de dag- & weekweergave:

Tijdnotatie

U kunt kiezen tussen de 24 uurs klok en de 12 uurs klok. Meer opties zijn beschikbaar. Bekijk de specificatie.

Skins

U kunt verschillende skins selecteren voor de kalender.

Kaart Links en Locatie

Evenementlocaties kunnen coördinaten of tekst bevatten. Configureer hier welke kaarten-service gebruikt moet worden wanneer geklikt wordt op de locatie van een gebeurtenis.

Pas de kaart-links aan Voer de URL in naar de kaart en voeg {location} toe waar de zoekopdracht toe leidt.

Voer de URL in naar de kaart en voeg de {lat} en {lon} toe voor de coördinaten.

Dagen van de week

De week kan op maandag of zondag starten.

Aangepaste stijl met CSS

U kunt de kleur van uw kalender en veel meer eigenschappen aanpassen middels CSS. Uw aanpassingen hebben prioriteit over de gekozen Skin. Hieronder kunt u kiezen uit een aantal eigenschappen die we voor u al voorbereid hebben.

  • U kunt de achtergrondkleur van de kalender aanpassen.
  • U kunt de kleur van de elementen aanpassen die aangeklikt kunnen worden.
  • U kunt de achtergrondkleur van de huidige datum aanpassen.
  • Indien u verschillende kleuren wilt voor de dagen, kunt u dit ook specificeren.
  • Sommige dagen in de kalender hebben een andere kleur als deze zich niet in de huidige maand bevinden.

Indien u wilt, kunt u uw eigen CSS eigenschappen specificeren. Dit zijn voorbeelden van CSS classes voor stijlevenementen: .event {} .UID-... {} .CATEGORY-... {} .CALENDAR-INDEX-0 {} .CALENDAR-INDEX-... {} .TRANSP-OPAQUE {} .TRANSP-TRANSPARENT {} .CLASS-PRIVATE {} .CLASS-CONFIDENTIAL {} .CLASS-PUBLIC {} .STATUS-TENTATIVE {} .STATUS-CONFIRMED {} .STATUS-CANCELLED {} .PRIORITY-1 {} .PRIORITY-... {} .error {}

Evenementstatus

Wijzig de weergave van de evenementomschrijving afhankelijk van de status:

Animatie tijdens laden

In sommige gevallen kan het enige tijd duren voordat de kalender geladen wordt. In het geval dat de server een gratis abonnement op Heroku heeft, dient de server eerst gestart te worden.

Kalendertabs

De maandweergave is de standaard weergave. U kunt echter ook een andere startweergave selecteren. Kies een:

Het kan voorkomen dat u niet alle controle-elementen wilt tonen aan de gebruikers. Kies hier welke elementen u wilt tonen:

Kalendermenu

U kunt een hamburgermenu toevoegen en de inhoud configureren.

Tijdszone

De tijdzone wordt bepaald door de browser van de gebruiker. Indien u de kalender wilt fixeren op een vaste tijdzone, heeft u de volgende optie hieronder. Uw browser gebruikt deze tijdzone: aan het laden…

Deelnemers en organisatie

U kunt anderen uitnodigen voor evenementen en personen kunnen zich aanmelden. U kunt deze opties aanzetten voor de weergave van namen en e-mailadressen onder de evenementomschrijving.





Gebruik & Integratie

Je kan de resulterende kalender hieronder bekijken.

Gebruik deze code om een kalender te integreren in uw website: 


            

            

                
De specificatie hosten

                De kalender kan niet alleen gegenereerd worden door gebruik te maken van de URL, maar ook via een JSON of YAML specificatie vanuit een bestand. De aanpassingen hierboven genereren de volgende specificatie:
                

                U kunt de specificatie downloaden en dit ergens op het web plaatsen. Op deze manier heeft u nog steeds controle over de aanpassingen aan de kalender nadat u deze heeft gedeeld via een link, bijv. op GitHub in een Gist.
                Zodra u de specificatie ergens online hebt gezet, kunt u een link maken zoals deze:
                
            

            

                
Over

                Dit is een kalender die een website verschaft voor veel verschillende kalenders. U kunt zich ook abonneren via een ICS link. De kalenders zijn erg goed configureerbaar, bijvoorbeeld door meerdere bronnen in te laden in een kalender op de website. Als u dit project wilt ondersteunen, denkt u dan aan een donatie in de vorm van tijd of geld. Hiermee houd u het project vrij en toegankelijk voor iedereen.
                
            

            

                ⬅
                
                Gebruik & Integratie
                ➡
            

        

        
        

        

        
↔