Issue with RadzenTemplateForm visualization

Radzen.Blazor Components
1

Hi,
I'm having some trouble with RadzenTemplateForm (wasm)

blazor

As you can see in the picture, probably there is something broken with css (I suppose).
That's my index.html. I followed the setup guide (I hope correctly).
Can you help me to understand what am I missing?
Tnx in advance,
Giovanni

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Kratos</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="css/spinner.css" rel="stylesheet" />
    <link href="Kratos.styles.css" rel="stylesheet" />
    <link href="manifest.json" rel="manifest" />
    <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />

    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
</head>

<body>
    <div id="app">Caricamento...</div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
    <script>navigator.serviceWorker.register('service-worker.js');</script>
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
</body>
</html>
2

Hi @Giovanni80,

This looks as a CSS conflict. You can use your browser's developer tools to inspect the CSS rules that apply to RadzenFieldset (this is the component responsible for the frame displayed around the form which you have circled). Alternatively you can try removing CSS files until the problem disappears.

1 Like
3

It was this:
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

Just removed. Tnx