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

Sidebar Target broken in 16.2.41?

It seems like the Target property of the Sidebar component is ignored in the 16.2.41 release. Sidebars are always full height, regardless of the target setting. Even your own demo appears to be broken: https://ej2.syncfusion.com/angular/documentation/sidebar/custom-context.html. The only work around I can find is to embed the Sidebar inside the target element, and then add the e-main-content class to the enclosing element. But this trick doesn't work too well with a docking sidebar. 

2 Replies

CH Christian Hvid July 3, 2018 07:49 AM

I turned out that a working solution is to set the Target property by element rather than id or class, as in: 

this.sidebar.target = document.getElementById('foobar');

So no big deal, but worth looking into for the next release perhaps.

PK Prem Kumar Madhan Raj Syncfusion Team July 4, 2018 10:50 AM

Hi Christian,  

Thanks for contacting Syncfusion Support. 
Since we have provided support for class and id selectors to the target property of the Sidebar component from the last release version (16.2.41), we need to specify the value for the target property with the selector prefixed ( . (dot) for class selector or # (hash) for id). To know more about these changes, please check the below link. 
Also, we will update these changes in our online documentation samples and refresh it as soon as possible at our end. Please be patience until then. 
Prem Kumar M 

Live Chat Icon For mobile
Up arrow icon