Handleiding publishtool
Dit is de voorlopige handleiding. Ik ben er nog mee bezig. Dit geeft wel een aardig beeld wat in Publishtool mogelijk is.
Tabellen module met meerdere talen
Om duidelijk te maken hoe de tabellen module werkt in combinatie met meerdere talen wordt als voorbeeld het aanmaken van een de "Consolidated Income Statement" tabel van het jaarverslag van de ABN AMRO Groep gebruikt. Op de download pagina kun je het jaarverslag van 2016 downloaden.
Als eerste wordt een Excel sheet gemaakt met de gegevens van deze tabel. Het bestand wordt opgeslagen als .csv bestand. Vervolgens wordt deze geïmporteerd in Publimanger.
En er wordt en stijlsheet voor de tabel gemaakt. Het stijlsheet ziet er als volgt uit:
table {
background-color: #d8ece9;
width:100%;
margin-bottom:20px;
}
caption {
color: #006962;
font-size: 17px;
font-weight:bold;
}
th {
padding-top:4px;
padding-left:4px;
padding-right: 4px;
color: #006962;
font-size: 12px;
font-weight:bold;
border-bottom: 5px solid #009d8b;
}
th.std_text {
color: #111;
font-size: 11px;
font-weight:normal;
}
td {
color: #111;
font-size: 12px;
padding-left: 4px;
padding-right: 4px;
}
td.highlight {
background-color: #f0f8f6;
}
td.standaard, td.highlight, td.notes, th.standaard, th.highlight, th.notes {
text-align: right;
}
td.standaard span, td.highlight span, td.notes span, th.standaard span, th.highlight span, th.notes span {
margin-right:2px;
margin-left:12px;
}
td.standaard span, td.highlight span, th.standaard span, th.highlight span {
margin-right:2px;
margin-left:36px;
}
.header_items td {
font-size: 13px;
font-weight:bold;
color:#536168;
}
.grouptotal, .subtotal {
border-top: 1px solid #006962;
}
.grouptotal td {
color: #006962;
font-size: 13px;
font-weight: bold;
padding-bottom:10px;
}
.subtotal td {
color: #536168;
font-size: 13px;
padding-bottom:10px;
}
.subtotal .std_text {
font-weight:bold;
}
.subtotal td.highlight {
color: #006962;
font-size: 14px;
font-weight:bold;
}
.totaal td {
background-color: #7a8890;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.totaal td span {
padding-top:;4px;
padding-bottom:;4px;
}
td.notes {
font-size: 10px;
font-weight:normal;
color: #536168;
}
Als je nu de andere taal selecteert zie je dat alle stijlen en getallen in de tabel staan, alleen de tekst kolommen zijn leeg.
Voor het voorbeeld zijn deze zo goed mogelijk vertaald. Dit is het resultaat:
| in miljoenen | note | 2106 | 2015 |
|---|---|---|---|
| Inkomen | |||
| Rentebaten | 12,651 | 13,207 | |
| Rentelasten | 6,383 | 7,13 | |
| Netto rente inkomen | 4 | 6,267 | 6,076 |
| Inkomsten en provisies | 3,082 | 3,061 | |
| Inkomsten en provisies kosten | 1,34 | 1,233 | |
| Netto Inkomsten en provisies | 5 | 1,743 | 1,829 |
| Netto handelsinkomen | -211 | 99 | |
| Aandeel van het resultaat in eigenvermogensrekeningen | 55 | 1 | |
| Overige bedrijfsopbrengsten | 7 | 373 | 450 |
| Bedrijfsopbrengsten | 8,227 | 8,455 | |
| Kosten | |||
| Personele kosten | 8 | 2,777 | 2,492 |
| Algemene en administratieve uitgaven | 9 | 2,682 | 2,559 |
| Afschrijvingen van materiële en immateriële vaste activa | 23 | 198 | 177 |
| Bedrijfskosten | 5,657 | 5,228 | |
| Waardeverminderingen op leningen en overige vorderingen | 114 | 505 | |
| Totale uitgaven | 5,771 | 5,734 | |
| Bedrijfsresultaat / (verlies) vóór belastingen | 2,456 | 2,722 | |
| Inkomstenbelasting | 10 | 650 | 798 |
| Winst / (verlies) voor het jaar | 1,806 | 1,924 |
Je kunt de html code en de stijlen die toegekend zijn bekijken door in de tabel met de rechter muisknop te kiezen voor "Inspect element"