[SOLVED] CheckBoxes in DataGridView cannot be checked/unchecked

Hi Robin,

The project is using a very old theme definition, that’s what it causing the issue. Before this release the checkbox cell was a background image and then the DataGrid detected the click in the middle measuring the size of the image. One of the problems was that the background image needed also a padding and the padding prevented the cell to be resized smaller than the padding causing it to bleed over the next cell.

Now the grid cells are containers and the click inside is detected without measuring anything, it returns the role attribute of the inner element. This way we can easily detect t he inner checkbox image without caring about the coordinates, and we can also detect clicks on the +/- buttons for expandable rows (when they will be available), etc.

You can also detect clicks on custom elements, if you set the cell to AllowHtml and add “<span role=’MyItem1′>MyItem1</span><span role=’MyItem2′>MyItem2</span>” then you will find “MyItem1” or “MyItem2” in the new Role  property of the DGV and LV click event args.

Coming back to the issue at hand… 🙂

If you are just changing the colors it’s a lot easier to use a theme minx.

In your project:

• In Web.config set the theme to “Classic-2”
• Delete \Themes\TestDefault.theme
• Create a new \Themes\TestDefault.mixin.theme
• Copy the definition below in the mixin theme file:

{
 "name": "TestDefault",
   "colors": {
     "activeBorder": "LightSteelBlue",
     "buttonText": "Black",
     "controlText": "Black"
 }
}

These are the changes I could spot over the default theme.

Now you can select any theme and Wisej will simply override the settings in the mixin. See this example: http://demo.wisej.com/apps/userdesktop

The theme buttons are RadioButtons with their AppearanceKey property set to “theme-button” and themed using a mixin like this:

{
 "appearances": {
   "theme-button": {
     "inherit": "button",
       "states": {
         "default": {
           "styles": {
             "backgroundColor": "rgba(0,0,0,.5)",
             "radius": 0
           },
           "properties": {
             "textColor": "white"
           }
       },
       "checked": {
         "styles": {
           "backgroundColor": "black"
         }
       }
     }
   }
 }
}

Best,
Luca