Change the background color of dialog

Radzen.Blazor Components
1

Hi radzen team,
I want to change background color of rz-dialog-content Dynamically with a button.
Such as red, green and blue. Can I do this by modifying the style below? How can I implement it?

await DialogService.OpenAsync("",
null,
new DialogOptions()
{
Style = "to change background color of rz-dialog-content",
}

Many thanks!
Wilson

2

Have you tried with background-color?

3

I've tried background before, but never background-color. Now I have tried background-color, it works!
Thanks!

4

I have another question that need your help.
Can I remove the white padding around the red area of dialog content with a button when I need to?
mask

Can I do this by modifying the style below?

await DialogService.OpenAsync("",
null,
new DialogOptions()
{
Style = "remove the white padding around the red area of dialog content",
}

5

There is no such padding when I test in our dialog page:

image
image1920×1298 89.7 KB 

    public async Task OpenOrder()
    {
        await DialogService.OpenAsync<DialogCardPage>($"Order {orderID}",
               new Dictionary<string, object>() { { "OrderID", orderID } },
               new DialogOptions() { Width = "700px", Height = "570px", 
              Style="background:red", Resizable = true, Draggable = true });
    }