Beta 14 : checkboxes are square

#1

I’ve updated my project to beta 14, my checkboxes are squares, i tried to disable my CSS and it doesnt change anything,

Where i’m wrong ?
in beta 13 it was perfectly round, i can’t find a way to change that in the CSS

#2

I bet that is on Android devices. If you run your app in a browser by CLI: ionic serve --lab you see both IOS and Android version of the app.
I’ m not sure Android’s default is square checkboxes.

#3

Yup, this is part of out platform specific changes.

#4

true !

i saw how to change it, its into news CSS ligne found with “checkbox-square” an android-platform specification.

thanks for investigation !

#5

Is it possible to force the iOS style checkbox on an Android build?

#6

Heyo,

Yes, you can set globally with:
$ionicConfigProvider.form.checkbox(“circle”);

Example:

angular.module(‘app’, [‘ionic’, …])
.config(function($ionicConfigProvider) {

$ionicConfigProvider.form.checkbox(“circle”);

})

Regards!

#7

For future reference you can do this with the mode attribute:

 <ion-checkbox mode="ios"></ion-checkbox>
3 Likes
#8

It work for me!
<ion-checkbox mode="md"></ion-checkbox>

My config
I config for whole project with ios style. In special purpose i want to display checkbox with square style.
In my case, i have added mode = “md” inside ion-checkbox tag, then i got the effect.

imports: [
IonicModule.forRoot(MyApp, {
mode: ‘ios’,
backButtonIcon: ‘arrow-back’,
iconMode: ‘ios’,
pageTransition: ‘ios’,
tabsPlacement: ‘bottom’,
}, {}
)],

Ionic info:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.10.0
Xcode version: Not installed

#9

Tranks ! you help me !