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. AVANCERAT

CSS Selektorer (WIP)

Här listas de css selektorer som finns tillgängliga i plattformen. I undersidorna listas selektorer per komponent.

PreviousLadda upp fonterNextAccordion

Last updated 1 month ago

Kom ihåg att du kan sätta dina egna klasser på komponenter!

Globala selektorer

Selektor
Komponent

Läggs på de komponenter som markerats som required. Wrappar allt inom komponent-wappern.

Läggs på komponentens wrapper i fallet av att validering fallerat. Om ett obligatoriskt fält inte fyllts i exempelvis.

Finns precis som ovanstående i fallet av fallerad valireding.

Komponenter som lags som obligatorisk får även required taggen.

Komponenter som lags som inaktiverad får även disabled taggen.

Input komponenter som du namnger i byggaren får även name taggen med värdet du skrivit in. DOM exempel för fallet att en input komponent fått namnet "abc123"

Dotloadern visas när till exempel data laddas in eller en användaråtgärd håller på att utföras.

Class 9

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

Class 10

🪄
.sp-required {
}

/* DOM exempel
<div className="sp-input">
    <div className="sp-required">
        <input required type="text">
    </div>
</div>
*/
.validation-error {
}
.sp-validation-bar {
}

/* DOM exempel
<div className="sp-input validation-error">
    <div className="sp-required">
        <input required type="text">
        <div className="sp-validation-bar">
        </div>
    </div>
</div>
*/
input:required {
}

/* DOM exempel
<div className="sp-input">
    <div className="sp-required">
        <input required type="text">
    </div>
</div>
*/
input:disabled {
}

/* DOM exempel
<div className="sp-input">
    <input disabled type="text">
</div>
*/
[name="komponentensNamn"] {
}

/* DOM exempel
<div className="sp-input">
    <input type="text" name="abc123">
</div>
*/
.sp-dotloader {

}
.class-9 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
.class-10 {
}
Avancerade inställningar