Create sidebar item that is located at bottom of sidebar

[Chris]

I am sure this is something easy that I am just missing.  I am using the sidebar for navigation in my application.  I would like to add a "settings" item that is located at the bottom of the sidebar.  is there a way to force an item to the bottom?

[Sivakumar ShunmugaSundaram]

Hi Chris,

Greetings from Syncfusion support.

We understand that you are looking to add items to the bottom of our Blazor Sidebar component. We would like to inform you that our Blazor Sidebar component is a layout component, and it can be customized using CSS styles. To add items to the bottom of the Sidebar component, you can use the following CSS styling:

Refer to the below code snippet.

[Razor]

 

<SfSidebar Width="250px" @bind-IsOpen="@toggle" ID="def" CloseOnDocumentClick=true>

    <ChildContent>

        <div style="text-align: center;" class="text-content"> Sidebar </div>

   <div class="container">

    <div class="bottom-element">This element will be at the bottom of the container</div>

</div>

    </ChildContent>

</SfSidebar>

 

<style>

    .bottom-element {

    position: absolute;

    bottom: 0;

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1281785826

Check out the attached sample for your reference.