Questions tagged [ionic-popup]

In the Ionic Framework, the Ionic Popup service allows programmatically creating and showing popup windows that require the user to respond in order to continue.

In the , the Ionic Popup service allows programmatically creating and showing popup windows that require the user to respond in order to continue.

The popup system has support for more flexible versions of the built in alert(), prompt(), and confirm() functions that users are used to, in addition to allowing popups with completely custom content and look.

Useful link

80 questions
2
votes
1 answer

How do I close an $ionicPopup before opening a new one?

I'm creating an Ionic application with a form and some required fields. When the form is submitted and if it isn't valid, I display an alert message using Ionic's $ionicPopup service. My problem is: the user can press "ENTER" or ("Go" button within…
Rodrigo Lira
  • 1,489
  • 3
  • 14
  • 28
2
votes
1 answer

Ionic: Reorder-able list in a popup

Hey I'm trying to get a reorderable list in a popup window. The demo code for reordering works just fine in my main content area, but not in the popup window. It builds the list items, and buttons proper, but when you touch the reorder button it…
Weavermount
  • 746
  • 10
  • 19
2
votes
1 answer

ionic Popover view displays behind ionic modal view

I have this issue whereby if i click on a button, it should display my modal view and when i click on the button on my modal view it should display my ionicpopover. example is in my codepen. http://codepen.io/anon/pen/yNrmXK This works initially but…
2
votes
0 answers

IonicPopup.show() - shake on empty values instead of "nothing"

I took sample code for the IonicPopup and I've modified the wifi password entry to be a username and password entry. It works as expected, but if you click the Login button without entering a username or password, all that happens is…
Chad
  • 1,531
  • 3
  • 20
  • 46
2
votes
1 answer

Ionic scrolling not work properly while adding dynamic item

am newbie to ionic. I try to add dynamic data to the top of my list, in this scenario ionic scroll doesn't work properly, other thing is newly added item ll not visible by default, to view new item , we need to scroll to up.I think we need to…
Boobalan
  • 795
  • 1
  • 5
  • 14
1
vote
0 answers

Ionic modal animation issue when showing and hiding keyboard

I have an IonModal that slides up from the bottom of the display and has input fields. When fields are selected to be edited, keyboard shows but the modal does not animate. Modal shows with animation, but when keyboard shows, modal does not animate…
oyalhi
  • 3,834
  • 4
  • 40
  • 45
1
vote
0 answers

Closing ionic popup after some time : Removes popup styles when it is shown next time

I am using AngularJS, ionic1. I have some functionality in my app which runs after certain time and shows a success popup. I am using $ionicPopup.alert for this. When close popup after certain time it is perfectly working fine, but it removes popup…
Syed Uzair Uddin
  • 3,296
  • 7
  • 31
  • 47
1
vote
0 answers

Ionic Creator-Listitem icon Override with item-body

I am creating a layout on https://creator.ionic.io/. I am facing problem while I am including listitem with icon with class item-body. I am giving item-body class because my content is goes outside of the boundary and if i write item-body class in…
Dhiral Kaniya
  • 1,941
  • 1
  • 19
  • 32
1
vote
0 answers

Change color of Ionic Popup button when text is in the textarea

I'm in ionic 1 and I am making a popup. I was wondering how I could make the grey out the save button when there is no data entered into the textarea. So basically when you can't click on it it is grayed out. The Javascript is underneath. Thank you…
Amit
  • 157
  • 8
1
vote
0 answers

Ionic run android | Supplied parameters do not match any signature of call target

i have course-page.ts and course-data.ts. course-page get data from course-data.ts. i looking to build my app with "ionic run android" but it's failed. it shows me this error [02:51:30] lint finished in 1.79 s [02:51:39] Error: Error at…
Manspof
  • 598
  • 26
  • 81
  • 173
1
vote
0 answers

Ionic popup invisible on device but showing in chrome's inspector

I use an Ionic popup in my app that works perfectly in the browser. The problem happens when I run it on my Android 6.0.1 device, the popup is invisible just in one view (if I randomly click on the screen I can press the close button). What makes me…
1
vote
1 answer

Ionic ion-modal height with keyboard bug

I have a ion modal which i want to show of 60% of my screen, but when keyboard appears the modal resizes to 60% of the screen (including keyboard) so it shrinks a lot. I want the modal to stay the same size (ideally the size of its contents).…
klifa
  • 671
  • 1
  • 8
  • 27
1
vote
1 answer

Best way to do full page alert in ionic (like an alarm clock, or the phone app)

So without getting too technical I am trying to create an app that brings up a full page notification like an alarm does on android and iOS (see here). Is there anyway to do this with ionic? if not what would be the best way to alert someone in a…
CMOS
  • 2,727
  • 8
  • 47
  • 83
1
vote
2 answers

How to Modify ionic popup background at run time

I created a custom popup in ionic if I change the background color of popup class from CSS background color of all other popups is changed. I want to change the background color of only my custom popup.
Yogesh Nikam
  • 633
  • 5
  • 20
1
vote
0 answers

ion-toggle button tappable over mask

Ionic Version: 1.x Platform: all ion-toggle button is clickable even after a popup is on http://codepen.io/ankitaurfrnd/pen/JKJprp Sample toggle Button $ionicPopup.alert({ title: 'Don\'t eat that!', template: 'It…
silver1991
  • 1,597
  • 1
  • 9
  • 6