I need to center a checkbox into the grid layout



I need to place a checkbox in the center of a grid cell. I have tried with a text label and I could justified it by adding the following code to the diff property of the attribute:

"styles": {

     "labelStyle": {

          "textAlign": "center"




The label finally looked like this:

However, I did not find a way to center a checkbox field into the grid:

I hope you can offer me a solution. Thank you in advance!

Like 0




As a suggestion, you may modify the diff part of these elements, so that they will be in the same container.

After that, you should apply a needed style to both elements.

In this article, you can find an example of how to center different elements.

Show all comments