Formatting Checkbox Height

[new boy]

Hi,

How do reduce the amount of whitespace above and below the checkbox text so the whole checkbox is not as high?

When I use height: 10, the checkbox height is reduced, however the text and tickbox are then obscured. I've tried everything I can find in the documentation, which probably means I haven't found the right thing.

checkbox.png

Thanks in advance.

New Boy

[mitchellsimoens]

You should inspect the DOM and look at the elements to see which ones you can change with CSS to affect this.

[new boy]

For the benefit of others, I solved this by changing the values of BOTH

$form-field-height
and
$form-spacing

[new boy]

I have subsequently found that through the (incorrect) use of CSS it is possible to create a checkbox with unusual behaviour, its response depends upon where you click on it.

By clicking on one half of the checkbox, the status indicator changes and the event handler fires as expected.

By clicking on half of the checkbox, the status indicator changes but the event handler does not fire!

This may be a bug? Should I report it as such?

[new boy]

This has been reported as a bug and accepted as TOUCH-2850

[=NR=]

You should inspect the DOM and look at the elements to see which ones you can change with CSS to affect this.

this never help mitchell,
we both know that sencha ui component are deeply nested within tag and there is a lot of css rule related with one ui component (and that css also will be related to other ui component)