CSS-klasser

For å gi et element css-klasse. Bruk className variablene.

{
  "className":"floatLeft minwidth25",
  "type": "checkbox",
  "defaultValue": false,
  "templateOptions": {
    "label": "Attester dagen"
  },
  "key": "attester"
}

CSS - float, width og hide

Få elementer til å ligge etter hverandre med en viss størrelse på seg.
Sett hvor mye plass et element skal ta ved å legge til gitt css-klasse.

Navn	Beskrivelse
floatLeft	Legg element til venste. Om flere float legger den seg etter forrige
clearLeft	Fjern alle float fra venstresiden på samme linje som dette elementet.
floatRight	Legg element til høyre. Om flere float legger den seg etter forrige.
clearRight	Fjern alle float fra høyresiden på samme linje som dette elementet.
clearBoth	Fjern alle float fra begge sider på samme linje som dette elementet.
--	--
width100	(standard) Elementet skal fylle hele linjen.
width75	Elementet fyller 75% av linjen.
width50	Elementet fyller 50% av linjen.
width25	Elementet fyller 25% av linjen.
minwidth100	Elementet fyller minst 100% av linjen.
minwidth75	Elementet fyller minst 75% av linjen.
minwidth50	Elementet fyller minst 50% av linjen.
minwidth25	Elementet fyller minst 25% av linjen.
--	--
hide	Skjul hele feltet

Checkbox etter hverandre

Første element blir første element til venstre (clearLeft). De andre elementene legger seg inntil. Elementene må minst dekke minst 25% av linjen (minwidth25), selv om label tar mindre plass.

{
  "type": "checkbox",
  "className": "floatLeft clearLeft minwidth25",
  "templateOptions": {
    "label": "Check1"
  },
  "key": "checkboxfield18"
},
{
  "type": "checkbox",
  "className": "floatLeft minwidth25",
  "templateOptions": {
    "label": "Checkbox2"
  },
  "key": "checkboxfield18Copy"
},
{
  "type": "checkbox",
  "className": "floatLeft minwidth25",
  "templateOptions": {
    "label": "C3"
  },
  "key": "checkboxfield18CopyCopy"
},
{
  "type": "checkbox",
  "className": "floatLeft minwidth25",
  "templateOptions": {
    "label": "Checkbox4MedEn veldig lang del med tekst"
  },
  "key": "checkboxfield18CopyCopyCopy"
}

(Denne dokumentasjonssiden ble sist oppdatert 21.03.2018)