I tried to create custom alerts something like this: let alert = Alert.create({ title: 'My Custom alert', template: `<h2>This is a custom alert</h2> <button>Go to second page</button>` <img src="logo.png"> buttons: ['OK'] }); It just shows me t…

@chandroiud You could try with a modal and style it as alert, see the following topic for more details: [image] Custom modal / alert (with HTML, form...) ionic-v3 Hi ionites! I’m working in a new mobile app with Ionic 2, and I’m trying to get something like this . Basica…

@mhartington Is it possible to add other types like ion-datetime? If yes how do we choose to the format e.g. one might want to show only time HH24:MI format and not seconds. Thanks & Rgds Dhaval

how update the alert color with ionic 2 ??

You can add a class to the alert: { .., cssClass:'alert-danger' } in the .scss: ion-alert { &.alert-warning { .alert-head { background: map-get($colors, warning); color: #fff; margin-bottom: 10px; } } &.alert-danger { .alert-head { background: map-get($co…

Hello JeffreyCarre, I’m currently trying to figure out how to change the background color of an alert that I posted in the ionic forum, here and I was hoping that your above post would solve it, since I hadn’t seen the & operator before. Unfortunately, it didn’t work. Where does that code get pla…

I corrected the example and added the full .scss ( not css)

for the color map you can define them like this : $colors: ( ... success:#23ab50,. danger: #f50142, warning: #f56800, ... . );

Would it be possible to have a self destruct confirmation alert ( based on a countdown )? What I want to achieve is a confirmation popup with a limited time ( visible countdown ) available for the user to choose an option. Or should I consider other component type? Tried this, but not working ( not…

maybe its because of the scope try with this : let countdown = setInterval(function () { if (count > 0) { count--; } else { clearInterval(countdown); if(this.confirm) this.confirm.dismiss(); } }, 1000); this.confirm = this.alertCtrl.create({ title: 'some title', messa…

Creating custom alerts in ionic

Ionic Framework ionic-v3

amin-setayeshfar December 17, 2017, 7:17am 19

here you can check what i have done trying to customize alerts…

Topic		Replies	Views
Custom alert dialog in ionic 2? ionic-v3	1	2888	March 7, 2017
Custom template in alerts ionic-v3	1	991	March 28, 2016
Custom Alert Diakog ionic-v3	4	2643	March 28, 2016
AlertController custom template ionic-v3	0	613	February 22, 2018
Custom Alert dialogue in ionic ionic-v3	4	3723	May 26, 2018

Creating custom alerts in ionic

Related topics