Create custom dialog box in ionic 2

user_6770343 0
Viewed 8795

I want to create custom dialog box in ionic2. I have tried lot's of reference ionic docs tutorial but I am not getting what I want.

I want to show this when user click on icon. enter image description here

Please give me some idea to achieve the same.

ionic-view ionic2 ionic3 ionic-framework
2 Answers

You can add create custom controller as below - 

import { AlertController } from 'ionic-angular';

constructor(private alertCtrl: AlertController) {

}

presentAlert() {
  let alert = this.alertCtrl.create({
    title: 'Low battery',
    subTitle: '10% of battery remaining',
    cssClass: 'my-class',
    buttons: ['Dismiss']
  });
  alert.present();
}

<style>
.my-class{
 background: gray;
 color:#333;
 }
</style>

On the same way you can add your custom style. You can get complete example on - https://www.tutorialsplane.com/ionic-popup

user_43836100
Related