Popup with rounded corner

1

How to create rounded corner popups.

2

CSS

.myPopup > .popup { border-radius: 5px !important; }

JS:

$ionicPopup.show({cssClass: 'myPopup'})

Codepen:

2 Likes
3

$scope.showAlert = function() {
var alertPopup = $ionicPopup.alert({
title: ‘Don’t eat that!’,
template: ‘It might taste good’,
cssClass: ‘myPopup’,
});
alertPopup.then(function(res) {
console.log(‘Thank you for not eating my delicious ice cream cone’);
});
};
this is my code.
and i also added the myPopup in css not working

4

Did you added the !important? (I just edited my first post a few minutes ago, sorry)

Check codepen

1 Like
5

now added it works thanks

6

where to add this css code. i add in new file not working now.

7

Insert in a new file after ionic css

9 
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">   
    <link href="css/alerts.css" rel="stylesheet">

i added like this not working

10

Check styles in console if you can