Question

I am opening a page as a dialog. This dialog does not style the checkbox correctly.

Tried using checkboxradio(“create”); but no joy.

How do I get the checkbox to style correctly in the Dialog box??

Here’s a jsFiddle with the code.

Answer 1

You need to put the checkbox in a div with the proper markup

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Agree to the terms:</legend>
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
        <label for="checkbox-1">I agree</label>
    </fieldset>
</div>

Example: http://jsfiddle.net/shanabus/8xMX2/12/

Based on the example in the docs here: http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html