Hi PH Harish,
Greetings from Syncfusion support.
We have checked your requirement with Sidebar component (Click on button in left side, need to opens the Sidebar on right side). You can achieve your requirement by using position and type property of Sidebar component.
Please, refer the below link for position and type property of Sidebar component.
When set the type as ( Push, Slide, Over ), Sidebar is in closed state on initial loading. You can set the opening position (Right, Left) of sidebar based on position property.
Please, refer the below code sample with the above solution.
|
<ejs-sidebar
id="default-sidebar"
#sidebar
[type]="type"
[position]="position"
>
<div class="title-header">
<div style="display:inline-block">Sidebar</div>
<span id="close" class="e-icons" (click)="closeClick()"></span>
</div>
<div class="sub-title">
Place your primary content here.
</div>
</ejs-sidebar>
public type: string = "Push";
public position: string = "Right"; |
Please, refer the sample link below.
Please, refer the below links for Sidebar component.
Please let us know, if you need any further assistance.
Regards,
Sowmiya.P
