Sections / grids
- Blanketmotorens Produktteam
Under overskriften Form Structure finder du Blanketmotorens overordnede byggeklodser i form af sections (da: sektioner) og grids (da: gitre), der bruges til at opbygge blanketternes struktur.
Alle blanketter i Blanketmotoren er bygget op af sections, som indeholder enten andre sections (subsections) eller grids, hvor grids så til sidst er bygget op af de forskellige typer af controls, hvor brugerne kan indtaste data.
Dette er illustreret nedenfor:
Section
Grid
Control
Control
Subsection
Grid
Control
Grid
Control
Control
Sections
Sections repræsenterer de overordnede overskrifter i din blanket, og de bruges til at inddele blanketten i mindre dele for at gøre det nemmere at overskue for brugerne.
Sections kan placeres både på yderste niveau, repræsenteret i venstremenuen, og som subsections til at gruppere indhold i en stor section. Du kan tænke på de to niveauer som H1’ere og H2’ere på en hjemmeside.
Nedenfor ses et eksempel på en blanket med to sections, hvor den ene indeholder en subsection:
Nedenfor ses et billede af, hvordan blanketten ovenfor ser ud for brugeren:
Hvis du i Blanketdesigneren holder over overskriften for en section dukker der en række værktøjer op:
Tandhjul: Åbner Section Settings, hvor du kan justere en række valgmuligheder for den valgte sektion. De forskellige indstillinger er beskrevet i afsnittet nedenfor.
Minus ikon: Sletter den valgte sektion ved klik.
Pile: Afhængigt af sektionens placering i din blanket vil du se én til flere pile, hvor op- og ned pile bruges til at ændre rækkefølgen af sektioner, mens højre- og venstre pile bruges til at rykke sektioner ind og ud som subsections.
Saks: Giver dig mulighed for at klippe sektionen ud og indsætte den et andet sted i blanketten eller i en anden blanket.
Kopier: Giver dig mulighed for at kopiere sektionen og indsætte den et andet sted i blanketten eller i en anden blanket.
Section Settings
Under Section Settings findes en række forskellige indstillinger for den valgte section.
De vigtigste funktioner under Section Settings findes alle på fanen Basic Settings and Formulas.
Name: Her kan du give sektionen et sigende navn, som vil optræde i blankettens XML-struktur.
Visibility: Her kan du styre synlighed af hele sektionen, hvor særligt “Formula” kan bruges til at gøre sektionen dynamisk via XPath.
Opmærksomhedspunkter omkring brugen af sections
Sections på yderste niveau bruges til at opdele blanketten i flere mindre sider, hvor Det Fælles Designsystem anbefaler mange små sider, fremfor få store sider.
Subsections bruges til at nedbryde en stor side i mindre afgrænsede dele. Subsections bør bruges, hvor brugeren har fordel ved at kunne se flere logisk afgrænsede dele på samme tid.
Sections og subsections skal altid har en overskrift og mangel på dette giver tomme H-tags, som forringer brugen af skærmlæsere. Ønsker du, at gruppere en række felter i blanketten uden en tilhørende overskrift, eksempelvis for at kunne styre synlighed, så brug i stedet et nyt grid.
Grids
Bindeleddet mellem sections og controls er de lidt mindre synlige grids, hvis primære funktion er at inddele lærredet i et gitter, hvori der kan placeres forskellige felter. Alle sections fødes med et indsat grid og der er ofte ikke behov for at tilføje yderligere grids.
Nedenfor ses et eksempel på et grid med tre rækker, med hhv tre, et og to celler per rækker:
Holder du over en række vil du i venstre side se funktionalitet til at rykke rundt på rækkefølgen af rækkerne, samt at slette en hel række.
Holder du over en celle, får du adgang til tre vigtige funktionaliteter til at styre cellerne inden for én række.
Pil mod venstre: Slår cellen sammen med cellen til venstre for.
Knækket kæde: Deler cellen i to celler.
Gul kant: Giver mulighed for at justere feltets bredde som følger et udgangspunkt med 12 kolonner.
Ligesom for sections, så dukker der en række funktioner op, når du holder musen over et grid. Da disse funktioner fungerer på samme måde som de tilsvarende funktioner for sections henvises der til beskrivelse af disse under Sections.
Repeated grids
Repeated grids gør det muligt at have en samling af felter, som kan gentages flere gange uden at man som designer skal bygge kopier. Repeated grids kommer i to visuelle udgaver afhængigt af om gitteret indeholder én eller flere rækker.
Repeated grid med én række per gentagelse
Repeated grid med flere rækker per gentagelse
Konfiguration af gentagelser
Ved indsættelse af et repeated grid, så vil anmelder som udgangspunkt have frit råderum over, hvor mange gentagelser der kan være i blanketten, men det er under gitteres Section/Grid Settings muligt at sætte regler for, hvor mange gentagelser der må være.
Oversigten viser en lang række forskellige indstillinger, men de vigtigste er som regel:
Minimum Number of Repetitions: Her kan der sættes en nedre grænse for, hvor mange gentagelser der må være af gitteret. Vælges Other, så kan der anvendes XPath til at lave dynamiske formler.
Maximum Number of Repetitions: Her kan der sættes en nedre grænse for, hvor mange gentagelser der må være af gitteret. Vælges Other, så kan der anvendes XPath til at lave dynamiske formler.
Hvis du sætter minimum til at være højere end 1, så bør du i Blanketdesigneren manuelt tilføje kopier af gitteret, så den når minimum, for ikke at forvirre anmelder.