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

[Nulra]

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~

[Sujan12]

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

[Nulra]

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

[Tommertom]

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