Utvidet PDF design

Alternativ til standard PDF-design

Det finnes mulighet for å bestille en utvidet PDF-design som et alternativ til standarddesignet. Denne løsningen inkluderer en egen .cng-fil som dere mottar ved bestilling. For mer informasjon om bestillingen, vennligst kontakt vår kundesupport. De vil veilede dere i hvordan dere går frem og hjelpe dere med å få tilgang til .cng-filen.

I denne delen av dokumentasjonen gjennomgår vi de mest brukte design-tags som inngår i en slik utvidet PDF-design.

Design-tags brukes ofte for å style skjemaelementer utover det som dekkes av standarddesignet, slik at skjemaet og slutt-PDF-en kan få forskjellig utseende. Dette er særlig nyttig når man ønsker å generere et PDF-brev basert på forhåndsutfylte felter i skjemaet.

Taggene som presenteres her er en del av .cng-filen dere mottar. Dersom disse ikke dekker deres behov, kan de utvides ved særskilte ønsker.

Footer

I en utvidet .cng-design er det mulig å legge inn en dynamisk footer ved hjelp av taggen “pdf-footer", som benyttes i en tabell. Kolonneoverskriftene i tabellen blir gjengitt som fet tekst, og innholdet i radene under kan være fritekst, spørsmålstekst eller data som hentes automatisk fra prosessen og preutfylles. Dette gir stor fleksibilitet for å vise unik informasjon i footeren.

Eksempel på bruk:

Opprett en tabell (valgfritt antall kolonner – i vårt eksempel bruker vi fire). Gå deretter til fanen Hjelp/Stil i tabellens egenskaper og legg inn taggen “pdf-footer".

Når taggen er lagt til, vil tabellen vises som en footer i PDF-en. Tabellen kan plasseres hvor som helst i skjemaet, men vises automatisk kun i footeren ved generering av PDF.

Open

Slik vil footeren se ut i deres PDF:

Open

Tabell 50 % / 50 %

Ofte er det behov for å fordele innhold – for eksempel søkerens og motpartens personalia – der én del vises til venstre og den andre til høyre. Det er viktig at dokumentet fremstår ryddig og profesjonelt, uansett hvilket innhold som fylles inn.
For å overstyre standard responsivitet i løsningen, kan man bruke taggen table-50-50 på tabeller med to kolonner. Denne taggen fordeler innholdet likt: 50 % til venstre og 50 % til høyre.

Tabell 75 % / 25 %

På samme måte kan taggen table-75-25 brukes på tabell-elementer (tabeller med to kolonner). Denne sørger for at innholdet fordeles med 75 % bredde til venstre kolonne og 25 % til høyre. Dette gir bedre balanse når den ene siden forventes å inneholde mer tekst enn den andre.

Open

Open

Styling av innholdet i spørsmålstekster

Dynamiske PDF-brev lages automatisk ut fra data som hentes fra ulike deler av prosessen og integrasjoner. PDF-en bygges opp av skjemaelementer, og disse fylles ut med informasjon fra skjemaet eller andre kilder.

En vanlig utfordring oppstår når både overskrifter og innhold hentes fra ulike steder. Alt blir satt inn som enkel tekst uten formatering. Dette gjør at dokumentet kan se rotete ut – selv om det er lesbart. Det mangler visuell struktur, og kan være vanskelig å forstå for mottakeren.

Hvis man bare bruker standardoppsettet, blir resultatet ofte et dokument som virker uoversiktlig og teknisk. Kun selve svarfeltene fylles ut, uten forklaring eller tydelige skiller mellom innhold.

For å løse dette har vi lagt inn egne designtagger i .cng-filen dere har fått. Disse brukes på relevante skjemaelementer for å sikre at PDF-en blir ryddig, leservennlig og i tråd med deres visuelle krav.

Under ser du et eksempel på et dynamisk skjema som brukes til å generere PDF.

Open

Slik ser PDF-en ut når skjemaet er generert og forhåndsutfylt.

Open

Taggene som er inkludert i .cng-filen

Indent

• Bruksområde: Tekstfelt og tekstboks

• Tagnavn: indent

• Funksjon: Legger inn innrykk (som et avsnitt) før teksten.

   

  Open

  

• Uten tagg:
  Dette er en vanlig tekst uten innrykk.

• Med indent:
      Dette er en tekst med innrykk, som ser ut som et nytt avsnitt.

Underline

• Bruksområde: Tekstfelt og tekstboks

• Tagnavn: underline

• Funksjon: Legger en strek under hele tekstinnholdet.
  
  

  Open

  

   

• Uten tagg:
  Dette er en vanlig tekst.

• Med underline:
  Dette er en tekst med understrek.

Bold Header

• Bruksområde: Tekstfelt og tekstboks

• Tagnavn: bold-header

• Funksjon: Viser teksten i fet skrift (for eksempel overskrifter).

Open

• Uten tagg:
  Tittel på seksjon

• Med bold-header:
  Tittel på seksjon (vises i fet skrift, ofte brukt som overskrift)

Bulletpoints

• Bruksområde: Tekstfelt og tekstboks

• Tagnavn: bulletpoints

• Funksjon: Viser innholdet som punktliste (én punkt per linje i teksten).

Open

• Uten tagg:
  eple
  pære
  banan

• Med bulletpoints:
  • eple
  • pære
  • banan