Is there a way to limit the click area of a CheckboxItem? Our app has the title to the left of the checkbox and so there's a big area to the right after the checkbox that the user can click, which causes the item to be checked. This causes confusion in our app as other widgets depend on that checkbox to see if they should being shown. For example, the user is scrolling down the page but did not notice that he clicked the huge area that causes a checkbox to be checked, which hides another form.
-
-
There is not currently a way to enforce toggling if the user clicks on the icon only (and not toggling if the user clicks the label).
One option might be to suppress the label (showLabel:false), and instead add a blurbItem containing the label for the checkbox next to the checkboxItem.
To make this work you may have to play with the table geometry a little - probably have explicit "numCols" and "colWidths" specifications to ensure the checkbox is written into a cell of the expected width.
If you're doing this in many places, you could consider wrapping this up in a custom CanvasItem.
Regards
Isomorphic Software -
We're revisiting this area and realize that you might not be looking for a way to restrict the interactive area to the icon, so much as reduce it, so rather than filling the entire width of the column in the form, it matches the size of the icon + text.
This is actually easy to achieve - simply set an explicit pixel width on the item to prevent it from expanding to fill its cell horizontally. This is also a default we plan to change in the framework.
Regards
Isomorphic SoftwareComment
Comment