Hi Davy,
Thanks for contacting Syncfusion support.
We have validated your requirement with Syncfusion Blazor Sidebar component. Yes, we can achieve your requirement in Sidebar. For this scenario, we need to add the sticky button in the Sidebar element then we can expand or collapse the sidebar component when clicking the sticky button click. We have prepared a sample to meet your requirement, in this sample we have positioned Sidebar in to appear left end of the screen and added sticky button to it.
To achieve your expected requirement, we have overridden the default styles of the Sidebar component.
|
.e-sidebar #e-leftSticky {
position: relative;
cursor: pointer;
top: 50%;
height: 30px;
left: -57px;
border-radius: 0px 0px 10px 10px;
background: linear-gradient(90deg, #000428, #004e92);
text-align: left;
font-size: 18px;
text-align: center;
text-indent: 10px;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.e-sidebar.e-close, .e-sidebar.e-open {
overflow: initial;
visibility: visible !important;
} |
We have attached sample for your convenience, which can be downloaded from the below link.
To know more about Sidebar component, please refer the below links.
Please, let us know if you need any further assistance.
Regards,
Muthukrishnan K
