Here my sample :
[...]
@inherits LayoutComponentBase
@inject IJSRuntime JSRuntime
<style>
.e-indent-icon:before {
content: "\e70b"
}
</style>
<EjsSidebar ID="sidebar" ref="sidebar" Type="SidebarType.Over" CloseOnDocumentClick="true">
<ChildContent>
<div class="title"> Sidebar content</div>
</ChildContent>
</EjsSidebar>
<EjsToolbar id="toolbar" Clicked="@OnToolbarClicked">
<ToolbarItems>
<ToolbarItem Type="ItemType.Button" TooltipText="SideBar" PrefixIcon="e-indent-icon tb-icons" />
</ToolbarItems>
</EjsToolbar>
@functions
{
// References
EjsSidebar sidebar;
public void OnToolbarClicked(ClickEventArgs args)
{
sidebar.Show();
}
}
[...]
When clicking on the toolbar button, the sidebar never show.
Thx.
