Question

I am doing jQuery Mobile, how to make the checkbox for “stay signed in” is same line with button login.

please refer my jsfiddle.net/mapsv3/sZdCu/
My goal is same interface with Google signin box like

Thank you for your help!

Answer 1

Using the grid/block classes from jquery mobile will allow you to inline your elements simply.

<div class="ui-grid-a">
    <div class="ui-block-a">
        <a data-theme="d" id="loginButton" data-role="button" data-inline="true" data-mini="true" value="Login" href="booking.html" rel="external" >Login</a>
    </div>
    <div class="ui-block-b">
        <input type="checkbox" name="checkbox-1" id="checkbox-1" data-mini="true">
        <label for="checkbox-1">Stay Signed in</label>
    </div>
</div>