Navigation Drawer - rounded corners, disable grey area click to close

(1) Can rounded corners be added to a Navigation Drawer (top position)? I'd like to round the bottom corners of the drawer.

(2) how do you disable the ability to click outside the drawer to close feature? I can disable the swipe up (on the Top to Bottom drawer) using EnableSwipeGesture="False"


1 Reply

PI Prithis Iyyappan Syncfusion Team May 20, 2024 03:00 PM UTC

Hi Reza,

 

Query 1: Can rounded corners be added to a Navigation Drawer?

 

Currently, we don't have direct support to achieve it on the SfNavigationDrawer. But we can achieve it by using the Border in the Drawer Content View of the Drawer settings. So we have prepared a sample demonstrating how to achieve it on the SfNavigationDrawer. Please refer to the attached sample for further details.

 

Query 2: how do you disable the ability to click outside the drawer to close feature?

 

We don't have support to achieve the reported query on the SfNavigationDrawer. The current behavior is that the touch outside the drawer will be captured by the overlay behind the drawer.

 

If you have any other queries, please let us know we are happy to help you out.

 

Regards,

Prithis I.


Attachment: NavDrawerSample_b0b99f00.zip

Loader.
Up arrow icon