RadzenFormField Text not displaying properly #1708

New Issue

claunia · 2026-01-29T17:57:32Z

claunia commented

2026-01-29 17:57:32 +00:00

Originally created by @Techoneshot on GitHub (Apr 11, 2025).

Describe the bug
I used to use <span> with class in FormField labels for required fields, now it stoped working. I have tried reverting version of Radzen Components but it looks like Radzen.js issue.

<style>
.required-field::after {
    content: "*";
    color: red;
    margin-left: 2px
}
</style>
    <RadzenFormField AllowFloatingLabel="false" Text="Test<span class='required-field'>Fixed label</span>" >
        <RadzenTextBox @bind-Value="@value" />
    </RadzenFormField>

@code {
    string value = "";
}

Expected behavior
Should render HTML used in Text as before

Screenshots
Before:

After:

Desktop (please complete the following information):

OS: Windows 11
Browser: MS Edge

Originally created by @Techoneshot on GitHub (Apr 11, 2025).  **Describe the bug** I used to use `<span>` with class in FormField labels for required fields, now it stoped working. I have tried reverting version of Radzen Components but it looks like Radzen.js issue. ``` <style> .required-field::after { content: "*"; color: red; margin-left: 2px } </style> <RadzenFormField AllowFloatingLabel="false" Text="Test<span class='required-field'>Fixed label</span>" > <RadzenTextBox @bind-Value="@value" /> </RadzenFormField> @code { string value = ""; } ``` **Expected behavior** Should render HTML used in Text as before **Screenshots** Before: ![Image](https://github.com/user-attachments/assets/0430f600-122e-4884-a5d4-5fa79af49728) After: ![Image](https://github.com/user-attachments/assets/c00cabf6-a1c5-441b-8288-ab64d9d2b55c) **Desktop (please complete the following information):** - OS: Windows 11 - Browser: MS Edge

claunia closed this issue

2026-01-29 17:57:32 +00:00

claunia commented

2026-01-29 17:57:32 +00:00

@akorchev commented on GitHub (Apr 11, 2025):

Indeed the Text property no longer accepts HTML strings. This is a new change introduced in Radzen.Blazor 6.4.0. You can use CSS to achieve the same effect without the extra markup

<style>
.required-field .rz-form-field-label::after {
    content: "*";
    color: red;
    margin-left: 2px
}
</style>
    <RadzenFormField AllowFloatingLabel="false" class="required-field" Text="Test" >
        <RadzenTextBox @bind-Value="@value" />
    </RadzenFormField>

@code {
    string value = "";
}

@akorchev commented on GitHub (Apr 11, 2025): Indeed the Text property no longer accepts HTML strings. This is a new change introduced in Radzen.Blazor 6.4.0. You can use CSS to achieve the same effect without the extra markup ``` <style> .required-field .rz-form-field-label::after { content: "*"; color: red; margin-left: 2px } </style> <RadzenFormField AllowFloatingLabel="false" class="required-field" Text="Test" > <RadzenTextBox @bind-Value="@value" /> </RadzenFormField> @code { string value = ""; } ```

claunia commented

2026-01-29 17:57:33 +00:00

@Techoneshot commented on GitHub (Apr 11, 2025):

Thank you

@Techoneshot commented on GitHub (Apr 11, 2025): Thank you

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1708