How to set background color of a SfNavigationDrawer.DrawerContentView?

[Subash Adhikari]

I am trying to set the background color of SfNavigationDrawer.DrawerContentView. But I do not find any such properties. How can I do it?

[Rabhia Beham Kathar Mideenar]

Hi Subash,

Thanks for Contacting Syncfusion Support.

We have analysed your requirement and have created a sample using SfNavigationDrawer Control. Since DrawerContentView is a view we need to set the background color to the panel assigned. Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/136717/ze/Navigation29303589399 

Please check the sample if it meets your requirement and let us know if you have any concern.

Regards,
Rabhia Beham K.
 

[Subash Adhikari]

Hello Rabhia,

I actually wanted it to be semi transparent. Is that possible?

Best Regards,
Subash

[Rabhia Beham Kathar Mideenar]

Hi Subash,

We have analysed your requirement and have created a sample using SfNavigationDrawer Control. Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/136717/ze/Navigation29_21818798536 

Please check the sample it it meets your requirement and if not please provide us the POC (Proof of Concept) screenshot of your exact requirement that will be helpful for us to analyse further and provide an appropriate solution.

Please let us know if you have any concern.

Regards,
Rabhia Beham K. 

[Subash Adhikari]

Hello Rabhia,
The sample does not meet my requirements. I have pasted a design that I am looking to make as a drawercontent. This will be drawn from the bottom of the screen by swiping up as done in IOS Control Center. Although I can use the gradient background, it leaves some space on each side where the background color of drawer content is displayed. Hence I am looking to erase the background.   I want the design on left.
 

[Rabhia Beham Kathar Mideenar]

Hi Subash,

We have made the DrawerContent View to be appear as Gray because when we make the it as transparent the menu items will be revealed always in Reveal and Push.

You can achieve your requirement by setting the background color as white.Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/136717/ze/Navigation29-1034734612
If the sample does not provide your requirement, please modify the same.

Please let us know if you have any concern.

Regards,
Rabhia Beham K.

[Bernard]

Hello,

You describe that the DrawerContent View background is set  fixed to gray because when it is set to transparent the menu items will be always revealed when the animation is set to Reveal or Push.

However, does this mean that when the animation is set to SlideOnTop, a semi transparent or fully transparent background would be possible.

If so, can you make the setting for the DrawerContent View background available to developers please? 

Setting a grid background as in your example doesn't solve the problem for the example as asked above where you want your background semi transparent.

Another case is where you decide to use only make parts of the DrawerContent View visible. For example, a left slideout menu only visible at the bottom because the height=60 and width=100 and the rest above that visible block till the top of the screen is set to transparent (DrawerContentView.Background = "Transparent") .

For Reveal or Push animation, the user can the set a gray background themselves to solve the always visible problem (DrawerContentView.Background = "Gray").

So, can you make the make DrawerContent View background setting available for the above described scenarios?

thanks,

Bernard

[Ramya Soundar Rajan]

Hi Bernard, 

 

Currently, we don't have support to change the DrawerBackgroundColor for DrawerContentView in SfNavigationDrawer. Hence, we have logged the feature request for this. You can track the status of the feature from below link, 

 

Feedback Link: https://www.syncfusion.com/feedback/15246/backgroundcolor-support-for-drawercontentview 

 

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we have committed with already planned work. So, this feature will be available in any of our upcoming releases.   

 

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.   

 

Regards, 

Ramya S