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>
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.

Completed
Last Updated: 29 Mar 2022 12:39 by ADMIN
Release 3.2.0

I have a flag for Enabling/Disabling a ComboBox. It works without the floating label. With the floating label, I cannot get the ComboBox to recognize the flag changing.

The first box will not re-enable with the button click, but the second enables/disables as many times as you click the button. Here is the code:

<h3>TestPage</h3>

<TelerikButton OnClick="@(() => {_isEnabled = !_isEnabled;})">Is Enabled: @_isEnabled.ToString() </TelerikButton>

<TelerikFloatingLabel Class="otis-fl-100"
                      Text="Select a Form">
    <TelerikComboBox Data="@_data"
                     Width="100%"
                     TValue="string"
                     TItem="string"
                     Filterable="true"
                     Enabled="@_isEnabled">
    </TelerikComboBox>
</TelerikFloatingLabel>

<br />
<br />

<TelerikComboBox Data="@_data"
                 Width="100%"
                 TValue="string"
                 TItem="string"
                 Filterable="true"
                 Placeholder="Select a Form"
                 Enabled="@_isEnabled">
</TelerikComboBox>

@code {
    private List<string> _data = new List<string> { "one", "two", "three" };
    private bool _isEnabled = true;
}