Sidebar - 18.3.35 - BREAKING CHANGES - Show,Hide,Toggle methods

[Davy]

18.3.35

Sidebar

BREAKING CHANGES

The Show,Hide,Toggle methods are deprecated and will no longer be used.

-> Now how can I programmatically open/close a navigation sidebar?

[Bernd Parchmann]

Hi,

found the solution for your question:

Use IsOpen / @bind-IsOpen element! It's working fine!

[Davy]

Thanks mate! I can confirm your suggested answer is working fine.

[Sowmiya Padmanaban]

Hi Davy,  

 

Greetings from Syncfusion support. 

 

You can open/close the sidebar component by using its isOpen property of Sidebar component instead using its Open, Hide and Toggle methods as they are deprecated from latest Volume 3 release, 2020. Refer the below code snippet of using IsOpen property in Sidebar. 

 

  <SfSidebar @ref="_sidebar" ID="sidebar" EnableGestures="false" @bind-IsOpen="@isOpen" Type=SidebarType.Auto Target="e-gridcontent"> 

        <ChildContent> 

            <h4 class="mb-10">Welcome to Sidebar</h4> 

        </ChildContent> 

    </SfSidebar> 

  public void click() 

    { 

        if(_sidebar.IsOpen) 

        { 

            isOpen = false; 

        } 

        else 

        { 

            isOpen = true; 

        } 

    } 

 

Please, download the sample from the following link. 

 

https://www.syncfusion.com/downloads/support/forum/158354/ze/Sidebar-1882821429.zip 

 

Currently, we have deprecated those methods of Sidebar from Volume 3 release, 2020. We will remove those methods from Sidebar source after next four consecutive Volume releases. 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P