Popup not seeing CSS files

Radzen.Blazor Components
1

Good morning. I have a popup that isn't inheriting the CSS classes from the App.razor file. All the regular pages are rending fine, but the popup is just plain HTML. I tried adding a reference to the MainLayout page (@layout LogicaRatio.Web.Components.Layout.MainLayout), but all I get is plain HTML (no formatting). Is there something special I have to do? This is how I pop the popup window:

public void PopCaseDetails(CaseEntity newItem)
{
    string theHeader = "Edit Experts";
    dialogService.Open<Pages.Popups.CaseDetails>(theHeader,
                new Dictionary<string, object>() { { "CurrentCase", newItem } },
                new DialogOptions() { Width = "1250px", Height = "700px" });

}

Thank you

2

Check this thread:

3

I see. So there's no way to pass the references from MainLayout (or App.Razor) to the popups, right?

4

You can try the ::deep pseudo selector:

5

Is there an example of how to add the selector to a file reference? I tried adding it to the link like they said () but it isn't helping. Thank you

6

Did you include the Radzen theme CSS? Check the getting started instructions.

7

Yes, but I'm using InteractiveServer:

<RadzenTheme Theme="material" @rendermode="InteractiveServer" />
8

Then try using your browser's dev tools to inspect the CSS applied to the dialog. And check if the theme CSS file has been loaded successfully.

9

I'll try that. Thank you