Ion-checkbox


#1

I would like to have a standalone checkbox on the login screen page of my application to function as a Remember Me box.

I have looked at the ion-checkbox which is good - but it seems to work only in ion-lists? It does not style too well outside of a list

Any idea how I can achieve what I am after.

Login template is as follows currently:

<ion-view>
    <ion-header-bar class="bar-royal">
        <h1 class="title">{{ loginHeader }}</h1>
    </ion-header-bar>
    <ion-content>
        <div class="list list-inset">
            <label class="item item-input">
                <input type="email" placeholder="{{ usernamePlaceholder }}" ng-model="username">
            </label>
            <label class="item item-input">
                <input type="password" placeholder="{{ passwordPlaceholder }}" ng-model="password">
            </label>
            <label>
                <button class="button button-block button-royal" ng-click="login(username, password)">
                    {{ loginLabel }}
                </button>
            </label>
        </div>
    </ion-content>
</ion-view>

Also, is it best to have these elements in a element? What purpose does <form> serve if any?


#2

You could do something like this.

Forms have a big purpose in html,


#3

That works :). How do I get the text on the same line? The .checkbox class defines all items as inline-block.