Ask for a approach for the half page shown issue in ionic


#1

I am new in ionic 3, may I ask the approach to achieve only show half page when click something, just like the image below:


Thanks a lot~


#2

I would try to adapt https://ionicframework.com/docs/components/#action-sheets (Android variant) or https://ionicframework.com/docs/components/#modals


#3

I think modal is a good idea. But how can it not cover the whole page area?


#4

use popover. will be more helpful

Or create your own version of it to cover the topside

Or create a page that has a high z-index covering the topside, but then you need to tackle the backdrop too