formio / formio.js

JavaScript powered Forms with JSON Form Builder

Home Page:https://formio.github.io/formio.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

No change color - Panel component

afuentes1800 opened this issue · comments

Hello everyone,

I want to change the color of a component bar, Customer has requested a custom color from their brand manual.

Object: panel component

CODE
{
"display": "form",
"settings": {
"pdf": {
"id": "1ec0f8ee-6685-5d98-a847-26f67b67d6f0",
"src": "https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0"
}
},
"components": [
{
"customClass": ".bg-success { background-color: #7fbc03 !important; }",
"collapsible": false,
"key": "panel",
"type": "panel",
"label": "Panel",
"customStyle": "background-color: #7fbc03 !important;",
"input": false,
"tableView": false,
"components": [
{
"label": "Hola mundo",
"applyMaskOn": "change",
"autoExpand": false,
"customClass": ".bg-success { background-color: #7fbc03 !important; }",
"tableView": true,
"key": "holaMundo",
"type": "textarea",
"input": true
}
]
},
{
"type": "button",
"label": "Submit",
"key": "submit",
"disableOnInvalid": true,
"input": true,
"tableView": false
}
]
}

example

Thanks.