Framework7 Overlays-Popover - Framework7

How popover is useful in Framework7?


Popover component can be used for managing the presentation of temporary content. It will exist until the user clicks outside of the popover window or they can dismiss it explicity.

Popover should not be used on small screens (iPhone), instead they should use Action sheet or Action sheet to popover coversion.

Popover layout is very simple and is usually added at the end of the <body> section as shown below:

Popover is very customizable and user can place any element inside with navigation. Below table shows the popover types used in Framework7:


Types & Description


Open and close Popover
HTML and JavaScript can be used for opening and closing the popover.


Dynamic Popover
Popover can be dynamically created using related app methods.


Popover Events
User can use popover events to detect how user interacts with the popover.

All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd Protection Status

Framework7 Topics