Skip to content
This repository has been archived by the owner on Oct 9, 2018. It is now read-only.

Radio buttons and checkboxes need to support label tags #657

Closed
mdandrea opened this issue Feb 1, 2013 · 3 comments
Closed

Radio buttons and checkboxes need to support label tags #657

mdandrea opened this issue Feb 1, 2013 · 3 comments

Comments

@mdandrea
Copy link

mdandrea commented Feb 1, 2013

Currently, in Cascades and AIR, when you use a radio button or a checkbox you are able to click on the accompanying text and it will toggle the input.
This is because radio buttons and checkboxes themselves can be quite small and hard to tap on a touch screen.

In HTML5, you accomplish this same effect using the label tag:

    <input type=radio name="radiogroup" id="radio1" value="one" checked="checked" />
    <label for="radio1">One</label>
    <br/>
    <input type=radio name="radiogroup" id="radio2" value="two" />
    <label for="radio2">Two</label>
    <br/>
    <input type=checkbox id="check1" value="checkone" />
    <label for="check1">Check One</label>

Unfortunately, right now, bbUI does not play friendly when the label tag is present (I know bbUI replaces the input tag with a div, so somehow the label needs to be accounted for as well).

Thanks,

Matt

@tneil
Copy link
Collaborator

tneil commented Feb 1, 2013

Looks like a good feature.. added to 0.9.7

@gcsantiago
Copy link

👍 like it , but don't leave outside toggles !!! #447

and will be great some kind of border or shadow effect to simulate lists #455

;)

@Superfly-fr
Copy link

(related) bbUI VERSION: 0.9.6.94 - it seems mandatory to use an HTML table layout to keep labels on the same line of a checkbox or radio control, due to the control div block width, currently set to 100%. I think table layouts are pretty deprecated ...

@tneil tneil closed this as completed Jul 17, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants