We are using Bryntum Gantt, and would like to customize the checkbox buttons within the 'Filters' dropdown. Currently it is dark gray, but I would like for the checkbox to be 'blue-empty' (just a blue boundary of the checkbox) when unchecked, and 'blue-filled' when checked. Can you please provide an example on how to customize the css of the buttons.
I am looking at the 'Advanced Demo', and tried changing the CSS as shown below (part code from Advanced Demo provided below).
Relevant code updates for CSS (these updates are made in the scheduleInstance.ts file)
This updates the CSS of the checkboxes, but the checkbox loses functionality.
I am able to change the CSS of the 'checkbox', but it loses the functionality if I use the code that I have provided.
I'm not sure what you mean by the functionality. If you are talking about, clicking on those checkboxes and it doesn't update the UI, you need to add functionality.
I am simply looking to change the css of the checkbox button while keeping the default functionality of the checkbox. The advanced demo doesn't update the checkbox css, so can you please tell me how to change the CSS of the checkbox button while keeping their default functionality?
This fix updates the css for the checkbox inside the columns, but not within the 'FILTERS' dropdown. How do I change the css for the checkbox in the dropdown? Please see the attached snapshot.
Attachments
Checkbox-button-css-2.png (82.84 KiB) Viewed 308 times