javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

radio/checkbox example

Browse Source
This commit is contained in:
Tim Lancina
2015-07-20 10:04:51 -05:00
parent a6250a4a7e
commit 6d0c36a0f5
3 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ionic/components/checkbox/checkbox.scss
View File

@ -9,6 +9,11 @@
user-select: none; user-select: none;
} }
.checkbox input {
position: relative;
left: -9999px;
}
.checkbox-on { .checkbox-on {
display: none; display: none;
pointer-events: none; pointer-events: none;

6
ionic/components/checkbox/test/basic/main.html
View File

@ -1,8 +1,10 @@
<ion-content> <ion-content>
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm"> <form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
<ion-checkbox icon-on="ion-android-checkmark-circle"><input #apple type="checkbox" ng-control="appleCtrl"></ion-checkbox> <ion-list>
<ion-checkbox icon-on="ion-android-checkmark-circle"><label>Apple</label><input #apple type="checkbox" ng-control="appleCtrl"></ion-checkbox>
<ion-checkbox><label>Test</label><input #banana type="checkbox" ng-control="bananaCtrl"></ion-checkbox> <ion-checkbox><label>Banana</label><input #banana type="checkbox" ng-control="bananaCtrl"></ion-checkbox>
<ion-list>
<!-- <ion-checkbox ng-control="appleCtrl"> <!-- <ion-checkbox ng-control="appleCtrl">
Apples Apples

5
ionic/components/radio/radio.scss
View File

@ -9,6 +9,11 @@ $radio-padding: 0 15px !default;
padding: $radio-padding; padding: $radio-padding;
} }
.radio input {
position: relative;
left: -9999px;
}
.radio-on { .radio-on {
display: none; display: none;
} }