Modeler
Scherm
HTML
Normaal
<a role="button" ...
Met toelichting
<a role="button" aria-label="toelichting" title="toelichting" ...
Knop met enkel icon (werkt niet met icons rechts)
<a role="button" aria-label="toelichting" title="toelichting" class="icon-inline" ...
Tekst met role
34 gevonden||role="status"
<p role="status">34 gevonden</p>
Pagina titel
<H1>Quick Reference Card</H1>
Eigen attribuut
The Quick| |{"style":"color:red; font-size:40px"}
The Quick||{"style":"color:red; font-size:40px"}
Panel met eigen stijl
Paneltitel| |{"style":"color:red; font-size:40px"} The quick brown fox..| |{"style":"color:blue;"}
Paneltitel||{"style":"color:red; font-size:40px"}
The quick brown fox..||{"style":"color:blue;"}
Eigen CSS gebruiken
Template setting: "External CSS Value":
ToBase64("H4 {font-size:60px} H5 {font-size:50px} H6 {font-size:40px}")
<head> ... <style>H4 {font-size:60px} H5 {font-size:50px} H6 {font-size:40px}</style> </head> ...
class instellen in tekst
Tekstregel| |.blauw
Tekstregel||.blauw
<p class=blauw>Tekstregel</p>
div gebruiken voor layout door classes aan te geven
In de modeler gebruik je een label met ||.. (2 punten) om de bovenliggende div een class mee te geven.
<div class=”hero titel”>
Titel in de banner
<div class="hero-text">
Hier inhoud van tekstdeel
</div>