Checkbox button style tipe display in grid

Hi @iacopoincerpi,

You can customize the layout of the checkbox element using custom CSS codes. There is a separate section within the Form settings where you can add any CSS codes to customize your form.

Thank you!

Yes. but wich code.

Thanks

Hello @iacopoincerpi,

In order to provide a specific code we would need more information regarding the design that you want to implement. Providing custom codes is beyond the scope of our support.

But as a starting point, you can use this code –

.grid .ff-el-input--content {
width: 35%;
}

Please note that you have to add a container class (grid) in the checkbox field.

The above code will only divide the checkbox buttons into two rows. For any further customization, you would need to add additional codes.

Thank you!

a block 3×3 with checkbox element

Hi @iacopoincerpi,

Sorry for the delayed response.

You can use the following code –

.grid .ff-el-input--content {
width: 50%;
}

.grid .ff-el-input--content .ff-el-form-check {
margin-right: 10% !important;
}

.grid .ff-el-form-check label>span {
border: 1px solid #dcdfe6 !important;
}

You can further update the code to match the exact style that you want to implement.

Remember to add the class name ‘grid’ as the container class of the field, see this screenshot.

Thank you!