We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Sidebar properties dependent upon media query

Thread ID:





148165 Oct 8,2019 08:31 PM UTC Oct 11,2019 12:25 PM UTC Blazor 1
Tags: Sidebar
Doug Simpson
Asked On October 8, 2019 08:31 PM UTC

How do I combine the MediaQuery property with other properties on the Sidebar to get responsive material design effects?

For example, when the window is below 1000px wide, the sidebar will automatically hide from view until the user clicks a hamburger in the top menu bar to open it as a modal sidebar with a scrim over the content. When the window is greater than 1000px, clicking the hamburger to "close" only docks it (i.e. only sets the EnableDock to true) and EnableDock to false when "open."

Sowmiya Padmanaban [Syncfusion]
Replied On October 11, 2019 12:25 PM UTC

Hi Doug,  
Thanks for contacting Syncfusion support.  
Query 1 – Closes the sidebar for particular width.  
We have checked your reported query regarding mediaquery . You can close the sidebar for the particular width by enabling the‘mediaQuery’ property in your sample level. Refer the below sample link for mediaQuery property.  
Query 2 – Dynamically Enabling dock state  
Currently, we have not provided support for dynamically enabling dock state in sidebar component. We have provided the support for dynamically change the type of the sidebar component.  However, we might consider this as a feature from our end, this will be included in any one of our upcoming release. Generally, we will plan the feature implementation based on feature rank, Wishlist plan and customer request count for some feature. Please be patience, until then. Please track the below feedback link for the feature status. 
Please let us know, if you have any concerns.  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon