I am working with Blazor WebAssembly project in C#.
When I run my application in Edge it looks like this
In the same moment in Chrome everything looks fine
Could anybody help me how to fix my dialog
My dialog definition looks like that:
@inject DialogService DialogService
@inject AuthenticationStateProvider AuthenticationStateProvider
@inject OpsTokenService tokenService
@inject KixConfiguration config
@inject HttpClient httpClient
<style>
.rz-dialog-titlebar {
background-color: lightblue;
padding-top: 12px;
padding-bottom: 12px;
}
</style>
<RadzenStack Orientation="Orientation.Vertical">
<RadzenStack Orientation="Orientation.Horizontal">
<RadzenStack Orientation="Orientation.Vertical" Gap="4px" AlignItems="AlignItems.Start">
<RadzenFormField Text="Sequence number" Variant="@variant">
<RadzenTextBox @bind-Value="@Number" Disabled=true />
</RadzenFormField>
<RadzenFormField Text="Enqueued" Variant="@variant">
<RadzenTextBox @bind-Value="@Enqueued" Disabled=true />
</RadzenFormField>
<RadzenFormField Text="Id" Variant="@variant">
<RadzenTextBox @bind-Value="@Id" Disabled=true />
</RadzenFormField>
</RadzenStack>
<RadzenStack Orientation="Orientation.Vertical" Gap="4px" AlignItems="AlignItems.Start">
<RadzenFormField Text="Reason" Variant="@variant">
<RadzenTextBox @bind-Value="@Reason" Disabled=true />
</RadzenFormField>
<RadzenFormField Text="Topic" Variant="@variant">
<RadzenTextBox @bind-Value="@Topic" Disabled=true />
</RadzenFormField>
</RadzenStack>
</RadzenStack>
<RadzenFormField Text="Error" Variant="@variant">
<RadzenTextArea @bind-Value="@Error" Disabled=true />
</RadzenFormField>
<RadzenFormField Text="Body" Variant="@variant">
<ChildContent>
<RadzenTextArea ReadOnly=true @bind-Value="@Body" style="min-height: 150px;" />
</ChildContent>
</RadzenFormField>
<RadzenFormField Text="Token" Variant="@variant" Visible=@(!string.IsNullOrEmpty(@foundNewToken))>
<ChildContent>
<RadzenTextArea ReadOnly=true @bind-Value="@foundNewToken" style="min-height: 75px;" />
</ChildContent>
</RadzenFormField>
<RadzenStack Orientation="Orientation.Horizontal">
@if (Body != null && Body.Contains("PushNotification") && Body.Contains("Token"))
{
<RadzenButton Icon="edit" Text="Check token" ButtonStyle="ButtonStyle.Success" Click="() => CheckToken()" />
}
<RadzenButton Icon="outgoing_mail" Text="Resend" ButtonStyle="ButtonStyle.Primary" Click="async () => { await ResendDeadLetter(); }" />
<RadzenButton Icon="cancel" Text="Cancel" ButtonStyle="ButtonStyle.Secondary" Click="() => { CancelEdit(); }" />
</RadzenStack>
</RadzenStack>
I open dialog in following code:
RenderFragment<DialogService> TitleContent = ds =>
@<span>
<RadzenIcon Icon="edit" class="dialog_title_content" />
<RadzenIcon Icon="outgoing_mail" class="dialog_title_content" />
<span class="dialog_title_content">@($"Edit and resend dead letter #{item.SequenceNumber}")</span>
</span>
;
dynamic dynResentItem = await DialogService.OpenAsync<EditDeadLetterDialog>($"Edit dead letter #{item.SequenceNumber}",
new Dictionary<string, object>() {
{ "Number", item.SequenceNumber!.ToString()??"" },
{ "Enqueued", item.EnqueuedTime!.Value.DateTime.ToLocalTime().ToString("G") },
{ "Id", item.Id.ToString() },
{ "Reason", item.Reason },
{ "Topic", item.Topic },
{ "Error", item.ErrorDescription },
{ "Body", item.Body }
},
new DialogOptions() { Style = "min-height:auto;min-width:auto;width:auto", CloseDialogOnEsc = true, TitleContent = @TitleContent });
I am new in Radzen development so maybe I am simply doing something incorrect.
