Checkbox is not working with v2024.12

Questions
1

Hi,

Checkboxes do not work with v2024.12. Any ideas? It works fine with a new test form with one checkbox, but a From that came from a previous version with multiple checkboxes, no one works.

2

Hi Juan,

ProRM:
It works fine with a new test form with one checkbox

So, I guess checkbos does work fine in 2024.12

ProRM:
a From that came from a previous version with multiple checkboxes, no one works

It’s a bit hard to tell what is wrong without further input.
Are these bootstrap checkboxes or the legacy Servoy component checkbox?

3

Hi Marc,

Thanks for answering. This problem is driving me crazy.

This is a simple solution built in version 2022 and when moved to 2024 the checkboxes stoped responding. I built a simple solution with one form and a checkbox in 2024 and works fine, but I added a new checkbox to that form and still does not respond.
I then build a new form in that solution with the checkboxes in order to work with it in a separate form and does not work, the checkboxes do not respond.
No error is shown in the console of developer.
No error is shown in the log of the app server.

All are bootstrap components. Old Servoy checkbox is not available anymore in 2024.

4

Hi Juan,

I’ve tested in 2024.12
Added bootstrap checkbox on an existing form, but that seems to work just fine.

Can you describe in more detail what doesn’t work for you?
Could it be an issue caused by any custom CSS you applied?

5

Hi Marc,

Take a look: https://us02web.zoom.us/clips/share/A2F … OFlWbkJBAQ

Regards,

6

Hi Juan,

try this on the css:

/*************
CHECKBOX
*************/
.bts-check label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    white-space: normal;
    margin-right: 10px;
}

.svy-checkgroup.check-horizontal label,
.svy-radiogroup.check-horizontal label,
.bts-radiogroup.check-horizontal label,
.svy-checkgroup.radio-horizontal label,
.svy-radiogroup.radio-horizontal label,
.bts-radiogroup.radio-horizontal label {
  margin-right: 10px;
}

Un Saludo

Juan Ramírez

7

ProRM:
Take a look: https://us02web.zoom.us/clips/share/A2F … OFlWbkJBAQ

Hi Juan,

This demonstrates it doesn’t work, however this isn’t default behaviour as I tested yesterday.
Are you able to provide a sample solution with this behaviour?
Also, if it does work in the sample solution, try to include the css/less file from your current solution and see if that does break it.

8

Hi Juan,
Thanks for the ideas but didn´t work.

Hi Marc,
I will check that and if possible I will share a solution (if fails).

Regards and thanks,

9

Hi Juan,

looking at your video, have the feeling style of checkboxes is broken, not showing the icon at all ?; that’s why it feels they don’t work at all. Probably if you inspect the dataprovider value is properly toggled at every click ?
I suggest you remove any style from your solution and try again.

Regards,
Paolo

10

Paolo, you are the one! (and this is not news)

I removed the styleSheet from the base form and now works, and in fact the checks were working but not showing their value.

I will now try to build a new stylesheet for it.

Thank you!!!