Skip to content

Retroplanning technisch

by Peter on juli 15th, 2013

Dit artikel bevat de nodige informatie voor zij die zelf hun layouts in thinx inrichten en de retroplanning tabel daarin willen opnemen.

Een toelichting over deze functionaliteit vindt u hier.

De CSS van de standaardlayout is als volgt:

.timetable-section {
 margin: 8mm 0 5mm 0; }
 .timetable-section h3 {
 font-size: 11px;
 line-height: 14px;
 color: #4371aa;
 text-transform: uppercase; }
table.timetable {
 margin-top: 1mm;
 border-collapse: collapse;
 width: 100%; }
 table.timetable th, table.timetable td {
 white-space: nowrap;
 border: 0.5px solid #777777;
 height: 20px;
 font-size: 75%; }
 table.timetable th:first-child, table.timetable td:first-child {
 padding: 0 3mm; }
 table.timetable th {
 border-bottom: none;
 padding: 0 3mm; }
 table.timetable div.timetable-container {
 position: relative;
 height: 20px; }
 table.timetable div.timetable-segment {
 height: 20px;
 background-color: #84a6cf; }
 table.timetable tr.folder td {
 font-weight: bold; }
 table.timetable tr.folder div.timetable-segment {
 background-color: #4371aa; }

Het HTML gedeelte is:

{% capture timetable %}{{ object.tree | timetable:'"periodic": true, "compact":true, "months_per_group":6, "indentation":3' }}{% endcapture %}
{% unless timetable == blank %}
<div>
 <h3>{{ t.timing }}</h3>
{{ timetable }}
</div>
{% endunless %}

Merk op dat er opties kunnen meegegeven worden aan de tabel:

  • periodic (true/false): indien true worden enkel lijnen die zowel een start als stop hebben in de tabel opgenomen, indien false worden alle lijnen getoond.
  • compact (true/false): indien true worden enkel de lijnen getoond die in de maanden vallen die in de tabel getoond worden (vooral handig in combinatie met months_per_group), indien false worden alle lijnen in elke tabel getoond.
  • months_per_group: indien de retroplanning lange periodes (meer dan zes maanden bv.) omhelst is het handiger de retroplanning in een paar tabellen op te splitsen om de kolommen niet te smal te maken. Met deze parameter geeft u het maximale aantal maanden per tabel in.
  • indentation: hiermee geeft u het aantal millimeter in dat de niveau’s moeten inspringen (folders en lijnen).

From → thinx 6.0

One Comment

Trackbacks & Pingbacks

  1. Een ruimere kijk op uw agenda | Thinx – Blog

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS