I am struggling to make the button green underneath the three other buttons. Can someone please assist me with this?
Here is my code:
$scope.showIntroductionPage = function(childs){
if(childs == 0){
var myPopup = $ionicPopup.show({
title: 'Welcome to Lens Changer',
subTitle: 'You can choose an option!',
cssClass: 'popup-intro',
buttons: [
{ type: 'button-assertive',
text: '<b><font size="2">Parent</font></b>',
cssClass: 'button-popup_red',
onTap: function(e) {
}
},
{ type: 'button-energized' ,
text: '<b><font size="2">Educator</font></b>',
onTap: function(e) {
}
},
{ type: 'button-calm' ,
text: '<b><font size="2">Sign in</font></b>',
onTap: function(e) {
}
},
{ type: 'button-balanced',
text: '<div><b><font size="2">Ready</font></b></div>',
onTap: function(e) {
myPopup.close();
}
}
]
}
);
};
- I cannot figure out how to change the color of this button to green.
Please note that in order to display HTML tags as text, you need to properly escape special characters like '<' using code formatting or HTML entities.
Allowed Attributes
img Attributes