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

Ionic Framework ionic-v3
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:

51 PM
Screen Shot 2017-12-18 at 2.40.51 PM.png289×505 50.7 KB

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