Disable Floating Label on FormField

Radzen.Blazor Components
1

Is it possible to keep the FormField label at the Top of the entry field even when it is blank?

2

Hi @Paul_Goldberg,

There is not a dedicated option for that at the moment, but you can use CSS to force the label stay at the top:

<RadzenFormField Text="My Label" Class="my-form-field">
       ...
</RadzenFormField>

.my-form-field .rz-form-field-label {
    right: auto;
    top: var(--rz-form-field-label-floating-top);
    padding-top: 0;
    padding-bottom: 0;
    transform: translate(0, 0);
    color: var(--rz-input-placeholder-color);
    background-color: var(--rz-form-field-label-floating-background-color);
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
}
3

Thank you that worked great!