Wat zien we hier?
Lijst van artikelen uit één categorie (dus nee: we hebben hier geen agenda-extensie gebruikt, het zijn gewoon artikelen), in divjes gezet, waarbij je kunt filteren op niveau. Scroll naar beneden om de HTML-code te bekijken.
Niveau: Alles Beginner Gevorderde Expert
Bekijk HTML Code
<p>Niveau: <a class="btn btn-default" href="/agenda">Alles</a> <a class="btn btn-success" href="/agenda?niveau=1">Beginner</a> <a class="btn btn-warning" href="/agenda?niveau=2">Gevorderde</a> <a class="btn btn-danger" href="/agenda?niveau=3">Expert</a></p>
<div class="row clearfix">
<p>{articles category="Cursussen" verhinderd="0" niveau="input:niveau:*" order="startdatum"}</p>
<div class="col-sm-3">[link]
<div class="well" style="min-height: 120px;">
<div class="row datum">
<div class="col-sm-4">[startdatum format="Y"]</div>
<div class="col-sm-4 strong">[startdatum format="M"]</div>
<div class="col-sm-4 strong">[startdatum format="d"]</div>
</div>
<div class="col-xs-12 label label-sm label-{if niveau=1}success{elseif niveau=2}warning{elseif niveau=3}danger{/if}">[niveau]</div>
<h5 style="text-align: center; margin-top: 40px;">[title]</h5>
</div>
[/link]</div>
<p>{/articles}</p>
</div>
