formio / formio.js

JavaScript powered Forms with JSON Form Builder
https://formio.github.io/formio.js
MIT License
1.83k stars 1.04k forks source link

No change color - Panel component #5569

Open afuentes1800 opened 2 months ago

afuentes1800 commented 2 months ago

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.