Custom Dialog with Renderfragment

Radzen.Blazor Components
1

I am trying to create a dialog with three buttons

var result = await DialogService.OpenAsync("Archive/Delete Contact...", ds =>
    {
        RenderFragment content = b =>
        {
            b.OpenElement(0, "RadzenStack");
            b.OpenElement(1, "RadzenStack");

            b.AddContent(8, "Do you want to delete of archive this contact?");
           

            b.OpenElement(2, "RadzenButton");
            b.AddAttribute(3, "Text", "Archive");
            b.AddAttribute(4, "Style","width:80px;");
            b.CloseElement();

            b.OpenElement(4, "RadzenButton");
            b.AddAttribute(5, "Text", "Delete");
            b.CloseElement();

            b.OpenElement(6, "RadzenButton");
            b.AddAttribute(7, "Text", "Cancel");
            b.CloseElement();

            

            
            
            b.CloseElement();
            b.CloseElement();
        };
        return content;
    }
    , new DialogOptions() { ShowTitle = true, Style = "min-height:auto;min-width:auto;width:auto", CloseDialogOnEsc = true });

but I can't get the buttons to show.

image

when I inspect the element in the browser they are there.
image

Please can someone tell me where i'm going wrong?

thanks

John

2

You should use OpenComponent instead of OpenElement.