Anchor controls in dialog

When I resize a dialog how can I make the save cancel buttons anchor to the bottom and make controls like categories or text areas automatically expand?

Hi @johnmu,

You can use nested RadzenStack for that. Something like this:

Dialog content

<RadzenStack Gap="1.5rem" Orientation="Orientation.Vertical" style="height: 100%">
    <RadzenStack style="flex:1">
        <RadzenTextBox style="height: 100%" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End">
          <RadzenButton Text="OK" />
    </RadzenStack>
</RadzenStack>

The dialog itself needs a CSS setting as well:

new DialogOptions { ContentCssClass="my-content", ...}

Where the my-content class is:

.my-content {
   flex: 1;
}

resizable-dialog