Mobile action sheet display from top

Hi guys,


I have a requirement to display something like ActionSheet. But I want to display it from top of the screen, not from the bottom as default (because I have an "Add" button on the right-top and when clicked, it shows ActionSheet). Is there any way to do that?


Thanks,

Hi Minh,

Just out of curiosity, why you want the action sheet to appear at the top, this is not a common pattern in mobile applications.

Have a look at https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=5325

and the sample project: https://www.outsystems.com/forge/component-overview/5325/sample-customize-actionsheet

It is a customizable action sheet, and you can adjust the position of the sheet on your screen.

Regards,

Daniel

Hi Daniel,


Because I have an icon button at the header of the screen (at the top-right). It will trigger the ActionSheet, so, normally, it should be displayed from top.


There is no way to do this in the built-in component? I don't want to use a custom component (because I used OS version 10).


Thanks,

Hi Minh,

The custom component will most likely work on V10 also.

If you want to customize the current action sheet, you will have to do the CSS customization yourself.

Regards,

Daniel