How to create a PopOver in ionic2

Harryinandroid · April 30, 2016, 5:09am

Hi, Can anyone please let me know if there is any component like ionic popover.

Thanks

napascual · June 9, 2016, 2:09pm

Just check the docs

and
http://ionicframework.com/docs/v2/api/components/popover/Popover/

For the complete example check:
https://github.com/driftyco/ionic-preview-app/blob/master/app/pages/popovers/basic/pages.ts

geotzinos · February 5, 2017, 6:39am

UPDATED URLS:

github.com

ionic-team/ionic-preview-app/blob/master/src/pages/popovers/basic/pages.ts

import { Component, ViewChild, ElementRef } from '@angular/core';

import { PopoverController, NavParams } from 'ionic-angular';


@Component({
  template: `
    <ion-list radio-group [(ngModel)]="fontFamily" (ionChange)="changeFontFamily()" class="popover-page">
      <ion-row>
        <ion-col>
          <button (click)="changeFontSize('smaller')" ion-item detail-none class="text-button text-smaller">A</button>
        </ion-col>
        <ion-col>
          <button (click)="changeFontSize('larger')" ion-item detail-none class="text-button text-larger">A</button>
        </ion-col>
      </ion-row>
      <ion-row class="row-dots">
        <ion-col>
          <button ion-button="dot" (click)="changeBackground('white')" class="dot-white" [class.selected]="background == 'white'"></button>
        </ion-col>

This file has been truncated. show original

supriya_412 · August 22, 2017, 12:18pm

Here with this link an error is coming import { MyPopOverPage } from './my-pop-over;' not found , Please suggest solution.

nphoanh · September 18, 2018, 2:33pm

Did you solve your problem?

I think the link should be:import { MyPopOverPage } from '../my-pop-over/my-pop-over;'

You can try it, i hope this can help you

Topic		Replies	Views
How to make a popover menu? Appflow	22	5030	July 19, 2021
Is popover component available in ionic 2 beta.53? ionic-v3	13	3179	February 24, 2016
Dropdown list component? ionic-v1	4	42332	October 28, 2014
Popover component ionic-v1	38	14145	June 2, 2016
How to enlarge font size of text on button click ionic-v3	6	8360	July 19, 2021

How to create a PopOver in ionic2

Related topics