Unplanned
Last Updated: 01 Nov 2023 12:47 by Andy
Created by: Andy
Comments: 0
Category: FloatingLabel
Type: Feature Request
2

The FloatingLabel does not have a Size setting. Thus, if I use it together with a large TextBox, there is a discrepancy between the font-sizes of the FloatingLabel and the TextBox value.

Please allow setting the size of the component.

===

ADMIN EDIT

===

A possible solution for the time being is to use CSS to adjust the font-size of the FloatingLabel, so it matches the TextBox.

Example: https://blazorrepl.telerik.com/GxlvOvFm43DCOfKR37.

Unplanned
Last Updated: 25 Aug 2022 07:46 by Greg

I made a Blazor REPL reproduction: https://blazorrepl.telerik.com/mcuCGpYr4223mhWY49. Run and observe the person label is overlapping the dropdown.

How to reproduce:

  1. Get code from the Remote Data Example.
  2. Surround the ComboBox with a TelerikFloatingLabel, it will then look like this:
    <TelerikFloatingLabel Text="Person">
    <TelerikComboBox 
                    TItem="@Person" TValue="@int"
                     ScrollMode="@DropDownScrollMode.Virtual"
                     OnRead="@GetRemoteData"
                     ValueMapper="@GetModelFromValue"
                     ItemHeight="30"
                     PageSize="20"
                     TextField="@nameof(Person.Name)"
                     ValueField="@nameof(Person.Id)"
                     @bind-Value="@SelectedValue"
                     Filterable="true" FilterOperator="@StringFilterOperator.Contains">
        <ComboBoxSettings>
            <ComboBoxPopupSettings Height="200px" />
        </ComboBoxSettings>    
    </TelerikComboBox>
    </TelerikFloatingLabel>