Omasivusto.fi
Komponenter· Evenemang och kurser

Komponenter

Evenemang och kurser

Evenemangslistor, kalender, schema, evenemangskort och kurslista med biljetter och anmälan.

7 komponenter

Exemplen ritas med det valda temat: en gallerimalls egna färger, typsnitt och rundningar, eller en mörk färdig palett.

Exemplen fungerar i testläge: inget sparas på en riktig webbplats, inga meddelanden skickas och betalningarna är testbetalningar.

Event

Sektion Prova event

Ett enskilt evenemang i ett kort: tid, plats, beskrivning och en anmälnings- eller biljettknapp.

Inställningar (8)
InställningRedigeras somStandard
Heading headingTextTapahtuman nimi
Body summaryFormaterad textKerro lyhyesti, mitä tapahtuu ja kenelle.
Date dateLabelTextLa 20.9.2026
Time timeLabelText18:00
Location locationTextPääsali
Button label ctaLabelTextIlmoittaudu
Button link ctaUrlLänk#
Image imageBild–

Tillgänglighet

Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Evenemangsarkiv

Sektion eventArchive

Ett evenemangsarkiv: kommande och tidigare evenemang som kort, med datummärken eller som tidslinje.

Stilar (4)

Välj en stil så byter exemplet ovan till den. Innehållet förblir detsamma, bara utseendet ändras.

Inställningar (14)
InställningRedigeras somStandard
Heading headingTextTapahtumat
Limit limitTal12
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–
Visa kategori showCategoryPå / av–
Kategorier som visas categoriesListans kategorier–
Besökaren kan filtrera efter ämne categoryLinksPå / av–
Adress för länken Visa alla allUrlLänk–
Länktext allLabelText–
Länkens plats allPlacementVal– (Under listan · På rubrikraden)
Stil designVal– (Grund · Kort · Datumbricka · Tidslinje)
Markering vid pekning cardHighlightVal– (Ingen markering · Lyft · Kantfärg · Lyft och kantfärg)

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Evenemang och anmälan

Sektion Prova eventList

Evenemang och anmälan: webbplatsens egna evenemang med biljetter att köpa eller anmälan.

Inställningar (13)
InställningRedigeras somStandard
Heading headingTextTulevat tapahtumat
Limit limitTal12
Visa bara en kategori categoryText–
Tävlingar competitionsVal– (Alla evenemang · Endast tävlingar · Inga tävlingar)
Besökaren kan välja: Alla evenemang eller Tävlingar competitionFilterPå / av–
Visa länk för att prenumerera på kalendern showSubscribePå / av–
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–
Adress för länken Visa alla allUrlLänk–
Länktext allLabelText–
Länkens plats allPlacementVal– (Under listan · På rubrikraden)

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Evenemangskalender

Sektion Prova eventCalendar

En evenemangskalender i månadsvy; tryck på en dag för att se dess evenemang.

Inställningar (4)
InställningRedigeras somStandard
Heading headingTextTapahtumakalenteri
Visa bara en kategori categoryText–
Visa kategorifilter showFilterPå / avtrue
Visa länk för att prenumerera på kalendern showSubscribePå / avtrue

Tillgänglighet

Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Schema

Sektion eventTimetable

Ett schema: veckans återkommande pass och tider per dag, t.ex. gympa eller träningar.

Inställningar (3)
InställningRedigeras somStandard
Heading headingTextLukujärjestys
Visa bara en kategori categoryText–
Visa filtren (termin, plats, sal, åldersgrupp, gren) showFilterPå / avtrue

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Onlinekurser: kurslista

Sektion Prova courseList

En kurslista: kurser, startdatum, platser och anmälan eller köp av en webbkurs.

Inställningar (7)
InställningRedigeras somStandard
Heading headingTextVerkkokurssit
Introduktion introFormaterad text–
Bara ett ämne categoryText–
Visa ämnen som filter filtersPå / avtrue
Visa länk till det gratis provet showSamplePå / avtrue
Ny-märke i dagar efter publicering newDaysTal30
Limit limitTal–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Tapahtuman sivu

Sektion eventPage

Evenemangssidans hållare: sidan för ett enskilt evenemang, anmälan och beställning på /tapahtuma.

Inget levande exempel: sektionen ritar plattformens egen evenemangssida och läggs inte till i redigeraren. Prova evenemang och biljetter i en gallerimalls förhandsvisning.

Tillgänglighet

Ledigt och bokat skiljs åt med text, inte bara med färg. Val av dag och tid fungerar med tangentbordet, det valda anges (aria-current eller aria-pressed) och priserna är läsbar text.

Används i 0 mallar

Plattformen lägger själv till detta på sina egna sidor; det läggs inte till i redigeraren.