Radze Dialog Blazor

Radzen.Blazor Components
1

I have a component which is using rendermode InteractiveServer and Im trying to use Radzen confir dialog. However the dialog dos not get open using the IntereactiveServer render mode. Here is the markup:

@page "/status"
@inject DialogService DialogService
@rendermode InteractiveServer
<PageTitle>Status</PageTitle>

<div class="rz-p-12 rz-text-align-center">
    <RadzenButton Text="Confirm dialog" ButtonStyle="ButtonStyle.Secondary"
                  Click="@(arg => DialogService.Confirm("Are you sure?", "MyTitle", new ConfirmOptions() { OkButtonText = "Yes", CancelButtonText = "No" }))" />
</div>

How ever the dialog does work well in the Regular Blazor server App. But it does not in the .Net 8 Blazor new Template. Any help on hope to make work would be appreciated. Thanks in advanced.

2

Our demos are exactly .NET 8 new template. Make sure you have added RadzenComponents or RadzenDialog to your main layout.

3

You have to check the getting started instructions again. There is a specific section about using dialogs in SSR mode.

image
image1306×980 115 KB

4

Hi, thans a lot for the response. I did miss to add the @rendermode to the RadzenDialog component in the MainLayout. It is working as expected. Thank you so much for the help.

5

Hello there, I added the renderMode to the Dialog component in the MainLayout as I was adviced: <RadzenDialog @rendermode="@RenderMode.InteractiveServer" />
Howerver I have a component with no renderMode and when I try to use the DialogService the dialog appears but closes right way. Is there a way on how to fix this? Thanks for the suppot.

This is where im using the service.

 parameters.Add("Message", "Autenticando por favor espere ...");

 DialogService.Open<Loading>(null, parameters);

 isValidCred = await SessionUnitOfWork.CredentialRepository.ValidateAsync(UserCredentail);

 if (isValidCred)
 {
     parameters["Message"] = "Buscando sessiones abieras";
     DialogService.Open<Loading>(null, parameters);
   }
 
 var parameters = new ClientData { Credential = UserCredentail, HostName = Environment.MachineName };
     var foundSession = await SessionUnitOfWork.SessionLogRepository.GetActiveByUserIdAsync(UserCredentail.UserId);