CSS-klassr

För att ge ett element CSS-klass. Använd className-variablerna.

{
  "className":"floatLeft minwidth25",
  "type": "checkbox",
  "defaultValue": false,
  "templateOptions": {
    "label": "Bekräfta"
  },
  "key": "confirm"
}

CSS - float, width og hide

Få element till att läggas efter varandra med en viss storlek. Välj hur mycket plats ett element ska ta genom att lägga till given CSS-klass.

Namn	Förklaring
floatLeft	Lägg element till vänster. Om flera float, lägger den sig efter tidigare.
clearLeft	Ta bort alla float från vänstersidan på samma linje som detta element.
floatRight	Lägg element till höger. Om flera float, lägger den sig efter tidigare.
clearRight	Ta bort alla float från högersidan på samma linje som detta element.
clearBoth	Ta bort alla float från båda sidor på samma linje som detta element.
--	--
width100	(standard) Elementet ska fylla hela 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	Dölj hela fältet

Checkbox efter varandra

Första elementet blir första elementet till vänster (clearLeft). De andra elementen lägger sig intill. Elementen måste täcka minst 25% av linjen (midWidth25), även om label tar mindre plats.

{
  "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 mycket lång textdel"
  },
  "key": "checkboxfield18CopyCopyCopy"
}

(Denna dokumentationssida blev senast uppdaterad 27.08.2018)