Need to Create Same UI for both ios and android

2

For the toggle and checkbox, you can override them using the $ionicConfigProvider:

$ionicConfigProvider.form.toggle('large').checkbox('circle');

As for the action sheet, I don’t think a config variable exists, but you could pass a custom class name in cssClass and override the styling.

For example:

$scope.showActionSheet = function() {

// Show the action sheet
var hideSheet = $ionicActionSheet.show({
  buttons: [
    { text: '<b>Share</b> This' },
    { text: 'Move' }
  ],
  destructiveText: 'Delete',
  titleText: 'Modify your album',
  cancelText: 'Cancel',
  cssClass: 'ios-actionsheet'
});

Then in the CSS something like this:

.ios-actionsheet.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4);
}

or you can just comment the android specific css in Ionics css/scss file, see this post:

3 Likes