Selfpoint
  • 💻Digitaliseringsplattform
  • Översikt
    • 🔎Mer om Selfpoint?
    • 📖Termer och förkortningar
    • ❔Vanliga Frågor Q/A
  • BYGGA I SELFPOINT
    • ⚙️Admin-portalen
      • Menyer
      • Systeminställningar
        • Systemcenter
        • Marketplace
        • Debug
      • Hem-vyn
      • Applikationer
        • Menybyggare
        • Användarinställningar för nya användare
        • Skapa ärenden från adminportalen (FormCreate)
      • Administration
        • Roller
          • Exempel: Skapa ny roll genom att kopiera befintlig roll
        • Grupper
          • Exempel: Skapa grupp
          • Exempel: Lägga till och ta bort användare
        • ConfigMap
        • Papperskorg
      • Exportering
    • 🧑‍🏫Tutorial - Bygga en tjänst
      • 🔀1. Processer och Formulär
        • Skapa process
        • Skapa formulär
        • Populera formuläret
        • Summering
        • Kräv inlogg (Valfritt)
      • ✅2. Ärenden och hantering
        • Vy för inkomna ärenden
        • Vy för att hantera ärenden
        • Hantering av ärende
      • 🗃️3. Spara data till register
        • Skapa register
        • Skriva till register
      • 📄4. PDF
        • Skapa mall
        • Generera PDF
        • Styla med CSS fil (Valfritt)
      • 📧5. Email
        • Skicka email
        • Attachments
        • Strukturera meddelande
    • 📚Stand-alone guider
      • 💁Användare och Autentisering
        • Skapa användare
        • Autentisering
        • BankID
      • ⏱️Cronjob
        • Skapa Cronjob
        • Exempel: Gallring
      • 💾Datadumpar / Rapporter
        • Skapa Datadump
        • Kör Datadump
        • Exportera data från Register
        • Importera data till Register
      • 📆Kalendrar
        • Skapa kalender
        • Skapa event
        • Boka event
      • Integrationer
        • Skicka Data
          • Connect effekt
          • Selfpoint API funktion
        • Ta emot data
          • Uppsättning av REST appliktion
          • Skapa endpoint
          • Autentisering
      • 📤Köer
      • ↔️Publicering / Avpublicering
        • Formulär
        • Processer
        • Register
        • Vyer
      • 🗃️Register
        • Skapa register
        • Skriva till register
        • Uppdatera register
        • Radera från register
        • Läsa från register
        • Referenser i register
        • Relationer
      • ⏩Bygga strömmar
      • ⏰Timers
        • Simpel
    • 🛠️Byggare
      • Effektbyggaren
        • Transformation
        • Context
        • Flöde
        • Spara
        • Test
      • Formulärbyggaren och PDF mallar
      • Processbyggaren
      • Vybyggaren
        • Vy-mallar
    • 🔨Handlebars
      • Nesting
      • Vanliga variabler
      • Matematiska operatorer
      • Datum / Tid
      • Text Manipulation
      • Logik
  • GRUNDFUNKTIONER
    • 🚥Effekter
      • Application
        • Count
      • Asset
        • Count
        • Get size of assets
      • Assign
        • To group
        • To user
        • Unassign
      • BankID
        • Collect
        • Sign
      • Calendar
        • Add Event
        • Book Event
        • Count
        • List Events
        • Remove Event
        • Unbook Event
        • Update Event
      • Category
        • Count
        • List
      • Connect
        • FTP
        • HTTP3
      • Bolagsverket SSBT
        • Uppsättning av configMap
        • getForetagsEngagemang
        • SSBTEN
        • SSBTGU
        • SSBTRO
      • DiaryNumber
        • Generate simple diary number
      • Document
        • Generate docx document (beta)
        • Generate PDF document
      • EWS
        • Get
        • Update
      • Google
        • Distance Matrix API
        • OAuth2 med Google
      • Graph
        • Get user(s)
      • Lantmateriet
        • Lantmateriet/adressSearch
        • Lantmateriet/fbSearch
      • Mail
        • Get mail template
        • Send
        • Send to group
        • Send to register
      • Mock
        • JSON
      • Notification
        • Count
        • Create
        • List
        • Delete
      • Pulsen
        • QID
        • Uppsättning av QID configMap
      • Purge (Gallring)
        • Purge All
      • Queue
        • Add
        • Get
        • Check if user in queue
        • Remove
      • Register
        • Add content
        • Count content
        • Distinct values
        • Get content
        • Remove content
        • Update content
      • Report
        • Run
      • Script
        • Simple
      • Signature
        • Send reminder
      • Skatteverket
        • Navet
      • Sms
        • Cellsynt
        • Telenor Pro
      • Swedbank Pay (WIP)
        • Find payment method
        • Swedbank Pay (WIP)
      • Test
        • Start
      • Ticket
        • Clone
        • Create
        • Dump
        • Get one ticket
        • Get assigned users
        • List
        • List signature requests
        • Set value
        • To XML
        • Update ticket
        • User has active ticket
        • Validate
        • Export data
      • User
        • Save profile
      • Validation
        • Simple
    • 📂Filer
      • Bild
      • CSS
    • 📝Formulär
      • Metadata
      • Exportera formulär
      • Sektioner (Form tab)
      • Använda kommunkoder
    • 🥳Ikoner
    • 🔠Kategorier
      • Kategorier
    • Kommunikation
      • Chat
      • Mail
    • 🧩Komponenter
      • Avancerade inställningar
      • Accordion
      • BankID
      • BankIdSignature
      • Button
      • CalendarBooking
      • Categories
      • Chart
      • Checkbox
      • ChildSelector
      • ConfirmBtns
      • Cookies
      • Datasheet
      • Date / Datumväljare
      • Dropdown
      • EffectCard
      • Error
      • EventBooking
      • Fileupload
      • Form
      • FromCards
      • FormTodo
      • GoogleMaps
      • GroupSelector
      • Heading
      • HR
      • Image
      • InlineHTML
      • Input
        • Guide med bilder
      • InputTable
      • KPI
      • LantmaterietSearch
      • LinkIcons
      • Location
      • Login
      • Logout
      • LookUp
      • Mina favoriter / MyFavourite
      • Notifications
      • OLMap
      • Password
      • PDF
      • ProcessBar
      • ProcessButtons
      • ProcessOverview
      • QRCode
      • Queueinfo
      • Radio
      • RadioIcon
      • Receipt
      • Repeat
      • Search
      • SectionIndicator
      • Stop
      • Summary
      • Table
      • Text
        • Textkomponenten
      • Ticket
      • Todos (TBD)
      • Row
    • 🤖Krokar
    • 🧾Mallar
      • Document
      • Mail
      • HTML
      • docx (beta)
      • Script
    • 🔀Processer
    • ⏩Strömmar
    • ✔️Valideringar
  • AVANCERAT
    • 🔤Ladda upp fonter
    • 🪄CSS Selektorer (WIP)
      • Accordion
      • Categories
      • ChildSelector (WIP)
      • Datasheet
      • Date
      • Dropdown
      • FileUpload
      • FormCards
      • Heading
      • Image
      • Input
      • InputTable
      • KPI
      • Lookup
      • Navbar
      • ProcessButton
      • Radio
      • Repeat
      • SectionIndicator (WIP)
      • Summary (WIP)
    • 🚥Custom Effekter
    • 🎨Färger
    • 🔃Selfpoint API
      • Application
      • Asset
      • Calendar
      • Category
      • ConfigMap
      • Configuration
      • Connect
      • Counter
      • Document
      • Form
      • Group
      • Hook
      • HTML
      • Job
      • Mail
      • Menu
      • Notification
      • Process
      • Queue
      • Register
      • Report
      • Role
      • Stream
      • Template (WIP)
      • Ticket
      • User
      • Util
      • Validation
    • 🤔Troubleshooting
      • Inloggade användare visas som "Anonymous"
  • Specialanpassningar
    • Avvikelsemodulen
      • Gallring enligt HSL
    • Utdrag av användare och dess behörigheter
  • Information
    • ⚠️Aktuella driftstörningar
    • 📓Release notes
      • RC
        • 24-07-001
        • 24-06-002
        • 24-06-001
        • 24-05-003
        • 24-05-002
        • 24-05-001
        • 24-04-003
        • 24-04-002
        • 24-04-001
        • 24-03-003
        • 24-03-002
        • 24-03-001
        • 24-02-003
        • 24-02-002
        • 24-02-001
        • 24-01-004 (hotfix)
        • 24-01-003
        • 24-01-002 (hotfix)
        • 24-01-001
        • 23-13-005
        • 23-13-004
        • 23-13-003
        • 23-13-002
        • 23-13-001
        • 23-12-005
        • 23-12-004
        • 23-12-003
        • 23-12-002
        • 23-12-001
      • Stable
        • 2.0.0
          • 2.4.0
          • 2.3.4
          • 2.3.3
          • 2.3.2
          • 2.3.1
          • 2.3.0
          • 2.2.0
          • 2.1.2
          • 2.1.1
          • 2.1.0
          • 2.0.1
        • 1.0.0
          • 1.0.3
          • 1.0.1
        • 23-05-045
        • 23-05-044
        • 23-05-043
        • 23-05-042
        • 23-05-041
        • 23-05-039
        • 23-05-038
        • 23-05-037
        • 23-05-036
        • 23-05-035
    • 💻Hur arbetar Selfpoint med produktutveckling?
Powered by GitBook
On this page
  1. BYGGA I SELFPOINT
  2. Tutorial - Bygga en tjänst
  3. 4. PDF

Styla med CSS fil (Valfritt)

Vill man styla sin PDF med en egen CSS fil går det. Vi kommer inte gå igenom någon CSS syntax i denna guide, men vi visar hur du kan ladda upp och applicera en fil.

PreviousGenerera PDFNext5. Email

Last updated 10 months ago

Först måste en CSS fil laddas upp. Gör detta under Filer i menyn till vänster. Väl inne trycker jag på den inringade knappen i bilden för att skapa en ny mapp där jag vill spara mina filer. Jag har döpt min till "PDF CSS".

Klicka dig in i din mapp och tryck på "Ladda upp" knappen, välj sedan den fil du vill ladda upp. Jag laddar upp en mycket simpel CSS fil för exemplets skull, du vill säkert lägga ned mer tid på din. Här är innehållet i filen om du vill testa själv.

.text { font-size: 24px; color: red; background-color: blue; }

Kom ihåg att du kan ge komponenter dina egna CSS klasser. Kan vara mycket användbart när CSS ska skrivas för en PDF exempelvis. I bilden nedan lägger jag till klassen "text" på mina text komponenter exempelvis. Använd gärna mer specifika klass-namn i din konfiguration!

Mallen måste också konfigureras för att läsa den CSS fil du valt. Gå in på mallen du vill applicera din CSS på och tyck på knappen högst upp i mitten. Filen kan sedan väljas i dropdownen på bilden nedan.

🧑‍🏫
📄
Så bör det se ut när din fil är uppladdad.