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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Docked sidebar closed by default

Thread ID:

Created:

Updated:

Platform:

Replies:

146012 Jul 17,2019 09:20 AM UTC Jul 18,2019 12:50 PM UTC ASP.NET Core - EJ 2 1
loading
Tags: Sidebar
Ralf Kley
Asked On July 17, 2019 09:20 AM UTC

How can i show a docked sidebar closed by default?
Currently i use sidebar.Hide() on DOMContentLoaded event, but it always shows an animation while closing the sidebar after page load.

Thanks in Advance
Ralf

Ashokkumar Balasubramanian [Syncfusion]
Replied On July 18, 2019 12:50 PM UTC

Hi Ralf Kley, 
  
Greetings from Syncfusion support. 
  
By default our Sidebar component type property value as Auto, so the Sidebar component will be a opened state on desktop and closed state on mobile mode. For your scenario, you can change the type property value as other than Auto (Push, Slide, Over)  to achieve your requirement. Please check the below code block. 
   
<ejs-sidebar id="dockSidebar" width="220px" dockSize="72px" enableDock="true" type="Push"> 
    <e-content-template>         
    </e-content-template> 
</ejs-sidebar> 
 
Note: isOpen property also suitable for this scenario, When the Sidebar type is set to Auto, the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property. 
 
Could you please check the above provided information and get back to us, if you require any further assistance on this? 
  
Regards, 
Ashokkumar B. 


CONFIRMATION

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