Klik in het menu naar ‘Beheer’ en ‘Layoutmanager’. Hier vind je een overzicht van de lay-outs die je hebt en kun je nieuwe lay-outs aanmaken. Ook is het mogelijk om je eigen lettertypen (fonts) te uploaden.
Op deze pagina:
Lay-out aanmaken
Klik in de lay-outmanager op ‘Lay-out toevoegen’. Volg deze stappen om de lay-out aan te maken:
- Vul de naam van de lay-out in: dit is de naam die je in het lay-out-overzicht terug kunt vinden. Deze naam is niet zichtbaar voor de respondenten.
- Vul een Paginatitel in: de paginatitel is zichtbaar in het tabblad van de browser voor iedereen.
- Optioneel: upload een Favicon. Dit is het kleine logo dat je in het tabblad van de browser ziet. Adviesgrootte is 35 bij 35 pixels. Het maximaal toegestane formaat is 128 bij 128 pixels. Wanneer dit groter is, dan kan je de afbeelding niet selecteren en is de afbeelding grijs.
- Kies de instellingen van de header. Hier kun je de:
- positionering selecteren (links/rechts/midden)
- banner uploaden (mediamanager). Adviesgrootte is 1000 bij 250 pixels. Maximaal toegestane formaat is 2000 bij 500 pixels. Houd een ratio van 1:4 aan voor een optimaal resultaat.
- Kies de gewenste Pagina styling. Hier kun je algemene pagina stylingsopties instellen, namelijk:
- Voortgangsbalk boven weergeven: Niet tonen/Met percentage/Zonder percentage.
- Voortgangspercentage onder weergeven
- Aanmoediging wel/niet weergeven (goed gedaan!)
- Kleur van het voortgang-vinkje selecteren
- Voortgangsbalk kleur selecteren
- Themakleur selecteren.
- Kies de achtergrond. Je kunt kiezen uit een van deze opties:
- Selecteer een achtergrondkleur of:
- Upload een afbeelding. Het maximaal toegestane formaat is 2000 bij 2000 pixels. Optioneel: vul de achtergrond over de hele pagina voor het beste effect.
- Selecteer het lettertype/font:
- Algemene font: dit past onderstaande fonts ook automatisch aan, tenzij je die handmatig instelt.
- Vraag styling: kies het font, kleur en grootte van de vraagtekst
- Positionering tekst begin- en eindpagina: selecteer links, midden of rechts
- Antwoord styling: kies het font, kleur en grootte van de antwoordtekst
- Omschrijving styling: kies het font, kleur en grootte van de omschrijving. Deze omschrijving kun je per vraag toevoegen in de vragen.
- Kies de gewenste styling van de knoppen ‘Vorige’ en ‘Volgende’:
- Kies de achtergrond- en fontkleur van de vorige-knop
- Kies de achtergrond- en fontkleur van de volgende-knop
-
Klik op ‘Opslaan’.
Fonts toevoegen
Maak je in jouw huisstijl gebruik van een eigen lettertype? Je kunt een eigen lettertype toevoegen in de lay-outmanager.
Ga in het menu naar ‘Layoutmanager’. Bij ‘Fonts toevoegen’ kunje klikken op ‘Choose file’. Hier kun je het WOFF2-bestand uploaden. WOFF2 staat voor Web Open Font Format en is een gecomprimeerd bestand dat op websites gebruikt kan worden. Dit bestand kun je opvragen bij de communicatieafdeling van je organisatie of zelf online downloaden.
Heb je geen eigen lettertype? Je kunt ook kiezen voor een van de standaard fonts bij het aanmaken van de layout.
Klaar met bewerken?
Bekijk de layout door te klikken op . Dit icoon staat rechtsboven als je de lay-out bewerkt in de lay-outmanager.
Let op, de volgende elementen kun je niet veranderen en zijn altijd zwart:
- Omschrijving antwoord (i-tje) die je bij de antwoordopties bij invult
- Header tabelvraag vóór selectie van een antwoord
- Geselecteerd antwoord (vink/radio button)
Lay-out verwijderen
Verwijder de layout door te klikken op . Dit icoon staat rechtsboven als je de lay-out bewerkt in de lay-outmanager.
Lay-out kopiëren
Kopieer de layout door te klikken op . Dit icoon staat rechtsboven als je de lay-out bewerkt in de lay-outmanager.
Standaard lay-outs
Je kunt gebruikmaken van de standaard lay-outs, genaamd ‘Crowdtech Default 1: Pink’, ‘Crowdtech Default 2: Pink (No header)’, ‘Crowdtech Default 1: Blue Grey’ en ‘Crowdtech Default 2: Blue Grey (No header)’. Deze lay-outs staan in de Crowdtech huisstijl en zijn voor iedereen vrij te gebruiken. Ook zijn deze lay-outs volgens de richtlijnen van de WCAG opgesteld. Je kunt de standaard lay-out niet bewerken of verwijderen. Wel kun je de standaard lay-out kopiëren door op te klikken. Vervolgens kun je de kopie bewerken en naar wens stijlen.