[OutSystems Data Grid] Data grid reactive customize checkbox
data-grid-reactive
Reactive icon
Forge component by Platform Maintenance
Application Type
Reactive

For the checkbox column in data grid reactive, is there anyway where I can make it be a nice bold checkmark icon appear or not when it’s true or false, rather than the current too-subtle checkbox?

Solution

Hi @Nitin Batra,


Without a more specific description or even an image, I can't totally help you with what you want exactly, but you can use these selectors on your App's CSS Theme, to manipulate the checkboxes styles:

// Base styles

.datagrid-container [type='checkbox']:not(.checkbox) {

   appearance: none /* use this to reset html native styles*/

}

// Selected styles

.datagrid-container [type='checkbox']:not(.checkbox):checked{}


Here's a very simple and ugly example:


Best regards,

Bernardo Cardoso


Thank you so much Bernardo!!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.