How to position right sidebar in layout to position absolute

Radzen.Blazor Components
1

Hello,

Could you show me how to position the right sidebar in the layout component to be absolute positioned? I can't seem to follow the example that is used for the left overlay and use it for the right.

Thank you!

2

Hi @richardaubin,

You can use the following styles to move the sidebar to the right:

<RadzenLayout style="position: relative; grid-template-areas: 'rz-header rz-sidebar' 'rz-body rz-sidebar'; grid-template-columns: 1fr auto;">
    ...
    <RadzenSidebar Responsive="false" Style="position: absolute; z-index: 3; margin-left: calc(-1 * var(--rz-sidebar-width)); transition: none;">
        ...
    </RadzenSidebar>
    ...
</RadzenLayout>