Tabell
Tabeller skal brukes til å presentere data (tabulære data), ikke til utforming. Det anbefales å holde tabellene så enkle som mulig. Ved mer kompleksitet kan data heller deles opp i flere tabeller eller lister.
Bruk av komponenten i ED
Komponenten legger til en tabell med to kolonner og to rader og første rad er en tittel-rad.
skjermbilde med eksempel av en ny og tom tabell:

Og du har muligheten til:
- å legge til tabell-tittel
- å legge til / fjerne rad
- å legge til / fjerne kolonne
- å velge om første kolonne må være overskrift for rad
- å velge tekstplassering for en kolonne
skjermbilde med grensesnitt fra hurtigmenyen til tabell-komponenten:

Hvordan ...
å legge til tabell-tittel?
klikk på plassholdertekst "TITTEL" og skriv inn ønsket tittel
å legge til / fjerne rad?
Etter at du plasserer markøren i tabellen (på stedet du ønsker) kan du klikke på pluss- eller minus-ikonet ved siden av rad i hurtigmenyen.
Hvis du velger å fjerne en rad, vil raden hvor du har plassert markøren forsvinne.
Hvis du velger å legge til en rad vil den legge seg til nedenfor raden du har plassert markøren. Legg også merke til at en tabell kan inneholde to tittel-rader. Hvis du plasserer markøren i første tittelrad vil du få et ekstra tittelrad. Hvis tabellen allerede inneholder to tittelrader vil du legge til en "vanlig" rad etter andre tittel-rad. Hvis du plasserer markøren i en "vanlig" rad vil du alltid legge til en "vanlig" rad.
å legge til / fjerne kolonne?
Etter at du plasserer markøren i tabellen (på stedet du ønsker) kan du klikke på pluss- eller minus-ikonet ved siden av kolonne i hurtigmenyen.
Hvis du velger å fjerne en kolonne, vil kolonnen hvor du har plassert markøren forsvinne.
Hvis du velger å legge til en kolonne vil den legge seg til høyre av kolonnen du har plassert markøren.
å velge om første kolonne må være overskrift for rad?
Etter at du plasserer markøren i tabellen (plassering kan være vilkårlig) kan du klikke på Aktiver tittel-kolonne i hurtigmenyen og første kolonne vil få en tittel-layout (fet skrift og høyre kantlinje). Du har mulighet til å ha en tittel-kolonne i tabellen.
I en tabell som allerede har en tittel-kolonne vil hurtigmenyen vise en funksjon Deaktiver tittel-kolonne. Denne kan du bruke til å fjerne tittel-layouten, du vil ikke fjerne selve kolonnen.
å velge tekstplassering for en kolonne?
Etter at du plasserer markøren i en kolonne i tabellen (plassering kan være vilkårlig) kan du fra hurtigmenyen velge mellom venstre-, høyre- eller midtstilt-tekstplassering og klikke på tilsvarende ikonet.
skjermbilde med eksempel av ikonene i hurtigmneyen:
å få en tabell uten tittel-rader?
Komponenten legger til standard en tabell med en tittel-rad. Du kan plassere markøren i en tittel-rad og fjerne raden ved bruk av minus-ikonet i hurtigmenyen.
En tabell uten tittel-rader vil få en ekstra funksjon i hurtigmenyen: Legg til tittel-rad
skjermbilde med eksempel av funksjonen i hurtigmenyen:
å velge tekstplassering for en celle?
Tekstplassering for celler kan du velge fra formateringspaletten. Når du selekterer en tekst kan du fra paletten velge mellom venstre, høyre eller midt-stilt.
skjermbilde med grensesnitt fra formateringspaletten:

I hver celle er det også mulig å legge til elementer gjennom pluss-menyen. Bilde er eneste komponenten som er tilgjengelig.
skjermbilde med pluss-menyen for celler i tabell:

tabell eksempel:
eksempel med tabell-tittel og både kolonne- og radoverskrift:

Tabell-visning
Tabeller viser i skjemaet med ramme. Kan flyttes med drag’n drop.
Obs: Tabell-visning i editoren og i forhåndsvisning er ikke likt.
Nedenfor finner du skjermbilder fra tre tabeller som viser hvordan ting ser ut i ED og hvordan det ser ut når det er publisert.
| Visning i ED | Visning i front-end | |
|
eksempel 1:
|
|
|
|
eksempel 2:
|
|
|
|
eksempel 3:
|
|
Komplekse tabeller?
Ta kontakt med desken hvis du har behov for å legge til tabeller med tilpasset størrelse, kombinerte celler, osv. (tabell-stiler støttet i front-end er beskrevet i designmanualen)
eksempler "komplekse" tabeller:







Kommentarer
0 kommentarer
Logg på hvis du vil legge inn en kommentar.