[[Templates]] > [[{{PAGENAME}}]]

==Text==
Een tekstveld. Voor de werking van dit veld is het noodzakelijk dat tenminste de fontnaam en fontgrootte zijn opgegeven.

{| style="color: black; width="500px" class="wikitable"
|+Opmaak mogelijkheden
|-
!Code!!Uitvoer
|-
|\t||Tab (vergeet niet om een tabafstand in te stellen)
|-
|\n||Enter
|-
|\f||Volgende kolom
|}

===Mask===
Wanneer het tweede deel van een e-mailadres wordt ingevoerd,(bijv @laagelanden.nl), zal het systeem altijd deze domeinnaam aan een e-mailadres toevoegen.

==Textarea==
Een tekstveld met meerdere regels, bedoeld voor het invoeren van grotere hoeveelheden tekst.

{| style="color: black; width="500px" class="wikitable"
|+Opmaak mogelijkheden
|-
!Code!!Uitvoer
|-
|\t||Tab (vergeet niet om een tabafstand in te stellen)
|-
|\n||Enter
|-
|\f||Volgende kolom
|}

==HTML-area==
Tekstveld met meerdere regels met opmaakmogelijkheden, denk aan het vet of cursief maken van tekst of het toevoegen van een afbeelding. 
Meer informatie over het gebruik van deze veldtype kunt u vinden op de pagina [[Opmaaksets]].

==Hidden HTML==

Een veld dat niet zichtbaar is voor de eindgebruiker, kan gevuld worden via 'Standaardwaarde', optionlist of samenstelling.

Toepasbaar in twee situaties:

# Samenstelling met HTML-velden.
# HTML-tekst die vanuit optionlist gekozen wordt.

LET OP! Bij een samenstelling kan alleen HTML geplaatst worden. Zie [[Templates Voorbeelden]]

==Hiddenfield==
Een tekstveld dat voor de gebruiker niet zichtbaar is. Deze kan bijvoorbeeld worden gebruikt voor velden met standaardteksten die de gebruiker niet mag aanpassen.

==Decimaal getal==
Tekstveld waarin getallen ingevoerd kunnen worden. Als decimaalteken wordt een '.' of ',' geaccepteerd.

==Geheel getal==
Tekstveld waarin getallen ingevoerd kunnen worden.

==Checkbox==
Een checkbox kan getoond worden door aan een template via instellingen deze toe te voegen.

[[Bestand: Checkbox.png|200px|thumb|none|Checkbox]]

==ColorPicker CMYK==
De gebruiker krijgt een kleurenpalet te zien waaruit een kleur gekozen kan worden, bijvoorbeeld voor het instellen van een tekst- of achtergrondkleur. Waardes zijn in cmyk.

==Dataselectie==

==Optionlist==
Een keuzelijst, voor het toevoegen van opties aan deze lijst verschijnt een extra icoontje bij het veld nadat dit veldtype is geselecteerd.

==Datum==
De gebruiker kan uit een kalender een datum kiezen. De weergave van de datum in de PDF kan beïnvloed worden door een mask in te voeren.

===Mask===
Met behulp van een masker kan de weergave van de datum worden aangepast. Hieronder volgt een lijst met alle mogelijkheden:
{| class="wikitable" width="800"
|-
!letter!!uitvoer!!voorbeeld
|-
||%A||volledige dag van de week||Maandag
|-
||%a||afgekorte dag van de week||ma
|-
||%B||volledige maand||januari
|-
||%b||afgekorte maand||jan
|-
||%C||eeuw (eerste twee cijfers van het jaartal)||20
|-
||%D||maand/dag/jaar||01/28/2013
|-
||%-d||dag van de maand (zonder padding)||1
|-
||%d||dag van de maand (zero-padded)||01
|-
||%e||dag van de maand (space-padded)|| 1
|-
||%F||jaar-maand-dag||2013-01-28
|-
||%Y||volledig jaar||2013
|-
||%g||jaar zonder eeuw||13
|-
||%j||dag van het jaar||028
|-
||%m||maand (zero-padded)||01
|-
||%u||weekdag als decimaal, zondag is 0||1
|- valign="top"
||%U||weeknummer als decimaal, beginnend met de eerste zondag van het jaar als eerste dag van de eerste week||04
|- valign="top"
||%V||ISO 8501:1988 weeknummer als decimaal, waarbij week 1 de eerste week is die tenminste vier dagen in het huidige jaar heeft, met maandag als eerste dag van de week||05
|- valign="top"
||%W||weeknummer als decimaal, beginnend met de eerste maandag van het jaar als eerste dag van de eerste week||04
|}

==Datum in verleden==

==HTML-codes==
Een veld waarin HTML-codes geplaatst kunnen worden.

==ImageSelector==
Voor het plaatsen van een afbeelding, deze kan geüpload worden door de gebruiker, of gekozen uit de beeldbank. Na het kiezen van een afbeelding komt er een scherm voor het croppen, zodat gebruikers de afbeelding zo kunnen bijsnijden dat deze precies in het kader past.

==Image==
Keuzelijst met de namen van de afbeeldingen in de beeldbank.

==Hidden image==
Een afbeeldingsveld dat voor de gebruiker niet zichtbaar is. In de standaardwaarde van dit veld kunt u een ID van een afbeelding in de beeldbank zetten. Deze afbeelding wordt dan in uw template geplaatst.

==Kaart (Google maps)==
De gebruiker voert in een tekstveld het adres in en dan wordt er een kaart gegenereerd met die locatie en de nabije omgeving.

===Kaart aanpassen===
Het is mogelijk om de kaart met een aantal parameters aan te passen naar eigen wens.
 Deze waardes dienen ingevuld te worden in de standaard waarde van het 'Kaart'-veld.
 Een voorbeeld van een standaardwaarde is de volgende: 
<code>
<nowiki>
#url=http://maps.google.com/maps/api/staticmap?center=amsterdam&zoom=15&size=640x480&maptype=hybrid&sensor=false&markers=color:red%7Csize:mid%7Clabel:!%7Camsterdam</nowiki>
</code> 

De volgende waardes zouden aangepast kunnen worden achter de =-tekens:
* Zoom: vul een waarde tussen 0 (het verste weg, de aarde) en 21+ om een streetview te houden.
* Size: Deze waarde bepaald het formaat van de kaart in pixels.
* Maptype:
** roadmap (standaardwaarde) - Normale Google Maps weergave
** satellite - Satteliet afbeelding
** terrain - Toont terrein en vegetatie
** hybrid - Combinatie van bovenstaande.
* Makers - makers kan meerdere (sub-)opties bevatten.
** size - Maak een keuze uit: tiny, mid, small.
** color - Voer de kleur in in 24 bits (bijvoorbeeld:color=0xFFFFCC) of één van de vooraf gedefinieerde kleuren: black, brown, green, purple, yellow, blue, gray, orange, red, white.
** label - Toont wat er in de marker komt te staan. Dit kan een alpanummerieke waarde zijn: A-Z, 0-9.
** tot slot dient een locatie opgegeven te worden voor de marker. Zoals in het voorbeeld 'amsterdam' is opgevegeven.

==QR-code==
Door de gebruiker ingevoerde tekst wordt vertaald naar een QR-code. Dit kan ook worden gebruikt voor het maken van een v-card. 
Klik [[QR-code als vCard| hier]] over het gebruik van de QR-code en welke instellingen nodig zijn.

==Telefoonnummer==

Voor blokhaken is onderstaande mask te gebruiken en geeft het resultaat [123] 456 78 90:
-(-###-)- ### ## ##

Tekstveld voor binnenlandse telefoonnummers, het netnummer wordt gescheiden ingevoerd van de rest van het telefoonnummer.

===Mask===
Vul hier de formatering in, bv:
+31(#)## - ### ## ##
voor de formatering van een telefoonnummer

Is vooraf niet bekend uit hoeveel cijfers het netnummer bestaat, dan kunnen er drie masks worden ingevoerd met behulp van een scheidingsteken (|), bijvoorbeeld zo:
+31(#)# - ## ## ## ##|+31(#)## - ### ## ##|+31(#)### - ### ###

De gebruiker vult dan bv 050-1234567 in. In de pdf komt dat te staan: +31(0)50 - 123 45 67

Indien geen '''-''' gewenst is, gebruik dan een '''_''' om de scheiding tussen netnummer en kengetal aan te geven. (bijvoorbeeld ###_ ## ##)

De standaardwaarde moet als volgt worden ingegeven: NETNUMMER-KENGETAL (bijvoorbeeld 0591-121212)

Als een cijfer dat door de gebruiker wordt ingevoerd niet in de pdf moet worden geplaatst, dan gebruik je in je masker een ~ in plaats van een #. (bijvoorbeeld: ~#_ ## ## ## ##)

Als de gebruiker dan 06-12345678 invoert, dan komt in de pdf 6 12 34 56 78 te staan.

==Telefoonnummer internationaal==
Tekstveld voor internationale telefoonnummers, moet worden ingevoerd in drie delen: landcode, netnummer en het restant.

===Mask===
Vul hier de formattering in, bv:
+##_ (#)## - ### ## ##
voor de formattering van een telefoonnummer

Is vooraf niet bekend uit hoeveel cijfers het landnummer of netnummer bestaat, dan kunnen er meerdere masks ingevoerd worden met behulp van een scheidingsteken (|), bijvoorbeeld zo:
+#_ (#)# - ### ## ##|+##_ (#)# - ## ## ## ##|+##_(#)## - ### ## ##|+###_ (#)### - ### ###

De gebruiker vult dan bv 1 06-1234567 in. In de pdf komt dat te staan: +1 (0)6 - 123 45 67

Indien geen '''-''' gewenst is, gebruik dan een '''_''' om de scheiding tussen landcode,netnummer en kentgetal aan te geven. (bijvoorbeeld ###_ ###_ ## ##)

De standaardwaarde moet als volgt worden ingegeven: LANDCODE NETNUMMER-KENGETAL (bijvoorbeeld 31 591-121212)

Als een cijfer dat door de gebruiker ingevoerd wordt niet in de pdf geplaatst moet worden dan gebruik je in je masker een ~ in plaats van een #. (bijvoorbeeld: +##_ ~#_ ## ## ## ##)

Als de gebruiker dan 31 06-12345678 invoert dan komt in de pdf +31 6 12 34 56 78 te staan.

Voor een uitgebreid masker onderstaande als voorbeeld:
+##_ (#)## _### ####
U krijgt dan drie invoervelden: landcode, netnummer en abonneenummer. 
Dit geeft het resultaat: +31 (0)12 3456 7890

===+31, +32, etc. Landcodes ===
Voor het gebruik van diverse landcodes en de daarbij horende validatie is onderstaande optie mogelijk: 
Begin met de landcode, daarna de dubbele punt, daarna het masker welke mogelijk is voor het veld.
<pre>+31:+##_ (#)## - ### ## ##|+31:+##_ (#)### - ## ## ##|+32:+##_ (#)### - ## ## ## ##</pre>

2019-07-17T08:55:45Z

Diana Schepers: /* Samengesteld tekstveld in Hidden HTML */

[[Templates]] > [[{{PAGENAME}}]]

===Afbeelding===
Aan de hand van de optionlist en de geselecteerde waarde is het mogelijk om verschillende afbeeldingen te plaatsen en tonen op je template. De volgende stappen dienen hiervoor doorlopen te worden:

# Maak een nieuw item aan in de menustructuur met als publicatietype "beeldbank"
# Upload in de beeldbank de foto's welke geplaatst dienen te worden op de template
# Onthoudt of noteer de ID's van afbeeldingen nadat ze geupload zijn in de beeldbank. Het ID is te zien onder 'Afbeeldings ID' wanneer je in de beeldbank de afbeelding opent.
# Maak binnen je template een veld aan met het veldtype "hidden image". Als voorbeeld heeft deze de naam 'afbeelding1'.
# Maak een nieuw veld aan met het veldtype "optionlist" en sla deze op.
# Maak de mogelijkheden aan met de knop "Nieuw" welke in het dropdownmenu getoond dienen te worden
# Vul de ID's van de afbeeldingen in per mogelijkheid in het "hidden image" veld en klik op "Opslaan". Deze had als voorbeeld de naam 'afbeelding1'
# Log in als een gebruiker aan de voorkant, maak een keuze in het dropdownmenu en klik op vernieuwen.

===Kleur===
Tevens is het mogelijk om kleuren te veranderen d.m.v. een optionlist.
Bij gebruik van RGB kleuren kunnen niet de standaard waardes (0-255) ingevoerd worden. Daarvoor is nog een conversie slag nodig voor de waarde. De waarden die je invult zijn van 0 tot 1, waarbij de 1 gelijk staat aan 255. Dit betekent dan ook dat de kleurwaarden gedeeld moeten worden door 255. 

Een voorbeeld;
Kleur: R 0 G 255 B 255 moet genoteerd worden als RGB 0 1 1 
Kleur: R 255 G 51 B 51 moet genoteerd worden als RGB 1 0.2 0.2

De volgende stappen dienen hiervoor doorlopen te worden:

# Maak een nieuw veld aan met het veldtype "optionlist" en sla deze op. De veldnaam dient de waarde te bevatten van het te wijzigen veld. Als eigenschap kan de eigenschap gekozen worden welke gewijzigd dient te worden met de optionlist.
# Open de optionlist opties door op het pijltje te klikken.
# Maak de mogelijkheden aan met de knop "Nieuw" welke in het dropdownmenu getoond dienen te worden.
# Vul onder "Waarde" de kleurwaarde in zoals in de onderstaande afbeelding.'''(Let op bovenstaande voor RGB-waardes)'''
# Log in als een gebruiker aan de voorkant, maak een keuze in het dropdownmenu en klik op vernieuwen.

===Samengesteld tekstveld in Hidden HTML===
Voorbeeld:
*Hidden HTML met daarin samengesteld:
**Titel; tekstveld
**Tekst; HTML area

Om de titel te kunnen plaatsen moet er een HTML-tag omheen gezet worden.Deze tag plaats je via de prefix en postfix van het veld in de samenstelling.

[[Bestand:Templates Voorbeelden.HTMLtag samenstelling.png|200px|thumb|none|Voorbeeld HTML tag in samenstelling]]

Bestand:Templates Voorbeelden.HTMLtag samenstelling.png

2019-07-17T08:54:41Z

Diana Schepers:

2019-07-10T08:44:46Z

Diana Schepers:

[[Templates]] > [[{{PAGENAME}}]]

[[Snippets]]

[[Datamerge]]

[[Veldtypes]]

[[Templates_Voorbeelden|Voorbeelden]]

2019-06-13T12:59:32Z

Diana Schepers:

[[Templates]] > [[{{PAGENAME}}]]

Datamerge kan worden gebruikt om data samen te voegen met een opgemaakt document. De data kan worden samengevoegd vanuit Excel of een database.

===Configuratie===
De basis van de Datamerge is een template artikel. Op veldniveau stel je in welke gegevens via Datamerge gevuld moeten worden.

<afbeelding invoegen nr1> Vink de optie 'Veld gevuld door variabele data (Datamerge)' aan, zodat de velden worden gevuld door de Datamerge.

===Uitleg===
Velden waarbij bovenstaande optie is aangevinkt, worden in de front-end niet getoond.
In plaats van een bestelknop zie je rechts onderin je scherm deze knop <afbeelding invoegen>

Kies je databron voor het samenvoegen. <invoegen afbeelding 3>

Kies bij elk veld de bijbehorende kolom van de databron. Als de kolomnaam van de databron overeenkomt met de veldnaam, dan wordt deze automatisch gekoppeld. <invoegen afbeelding 5>

Maak vervolgens je gewenste keuze
<invoegen afbeelding 4>

In de winkelwagen wordt nu je samengevoegde artikel getoond. In het overzicht zijn een aantal belangrijke gegevens opgenomen.
Datamerge pagina’s: dit zijn het aantal pagina’s in je samengevoegde artikel.
De prijs is berekend door de datamerge pagina’s te vermenigvuldigen met het ingevoerde aantal. Van dat aantal wordt de juiste prijs bepaald.

Datamerge

2019-06-13T12:55:34Z

Diana Schepers: Nieuwe pagina aangemaakt met ' Templates > {{PAGENAME}} Datamerge kan worden gebruikt om data samen te voegen met een opgemaakt document. De data kan worden samengevoegd vanuit Excel o...'

Templates

2019-06-13T11:42:00Z

Diana Schepers:

[[Snippets]]

[[Datamerge]]