Questions tagged [ionic-popover]

The Popover is a view that floats above an app’s content. Popovers provide an easy way to present or gather information from the user. E.g. Show more info about the current view, Select a commonly used tool or configuration and Present a list of actions to perform inside one of your views. Put the content of the popover inside of an element.

In the , the Popover is a view that floats above an app’s content. Popovers provide an easy way to present or gather information from the user and are commonly used in the following situations:

  • Show more info about the current view
  • Select a commonly used tool or configuration
  • Present a list of actions to perform inside one of your views

Put the content of the popover inside of an <ion-popover-view> element.

Useful links

11 questions
18
votes
2 answers

ionic 3 passing data to popover

I am unable to make it work. The popup calling code is presentPopover(myEvent){ //alert('invoke popup') let popover = this.popoverCtrl.create(PopoverPage, this.data); popover.present( { ev: myEvent …
Vik
  • 8,721
  • 27
  • 83
  • 168
11
votes
2 answers

Ionic popover: Popover height doesn't fit to content

I want to adapt the height of a ionic-popover to fit his content. I use this popover to show some informations: they just contains a ion-header and a ion-content.

Title

Getz
  • 3,983
  • 6
  • 35
  • 52
3
votes
3 answers

Ionic 2: How to call parent page function from Popover component

I have a page component with a button that opens a PopoverController. According to the Ionic Docs, popovers need another specific component for its content. In the main page I have a function that I need to call from the popover component, but I…
Àlex P
  • 33
  • 1
  • 3
3
votes
6 answers

Ionic app freezes or stops working after popover and modal closes

I have an ionic app that has a side-menu, a pop-over, and a modal. In a page, there is a grid table. A user can select a row to highlight it. A user can then open the pop-over and either View or Edit the row. Upon selecting view or edit, a modal…
clintgh
  • 2,039
  • 3
  • 28
  • 44
1
vote
1 answer

ionic Popover content position issue

I've implemented a popover with number keys on it using this library https://github.com/alvarowolfx/ng-keypad. When I click on an input field, the popover appears. But, sometimes the position of content of popover is not correct. Can you please help…
SatheeshCK17
  • 523
  • 6
  • 17
1
vote
2 answers

ionic popover, TypeError: Cannot read property 'show'

I have a nav button that should show a popover and this is the…
Amir-Mousavi
  • 4,273
  • 12
  • 70
  • 123
0
votes
1 answer

How to place Tabs inside Popover

I am having the requirement where the app is having tab view. The fourth tab is having popover and that popover contains more 3 menus which should act as a tab means it should open like other 3 tabs. I have tried but the page is not displaying as…
0
votes
1 answer

styling popup in ionic 3

i have already spent good time trying to get my popover look as i desire. the popup currently comes in the center of the screen. but i desire it to be at 50px from the top and width equal to device screen. right now the width seems to be some fix…
Vik
  • 8,721
  • 27
  • 83
  • 168
0
votes
2 answers

Ionic Popover "freeze" on open

I have very simple Ionic popover code which is following: html (main-view.html) html (my-view.html)
Amir
  • 1,031
  • 2
  • 19
  • 42
0
votes
0 answers

how to scroll till the checked item , when popover is open again?

I have a ionic popover , what i need to do is when i select any option from popover that is last in the list after scroll ,.after the selection the popover gets closed, but when i reopen that popover again it again takes me to the top of the scroll…
Anky
  • 270
  • 1
  • 5
  • 20
0
votes
1 answer

ng-show hanging my whole application

i am getting strange problem that when ever i am trying to put ng-show inside my popover.html , my app got hangs. and when i comment it my app works fine. i am realyy not getting that whats going wrong inside my code. here is my popover.html…