Floating labels in Telerik winforms

[Filembar]

Hi

I need floating labels in RadTextBox and RadDropDownList using telerik winforms.

Telerik has this feature implemented in their Floating Labels in kendo.react library for various controls.

However I'm using Telerik UI for Winforms R2 2020 which does not support this. In R2 2021 Telerik has added support only for floating labels Floating Labels in RadTextBox/RadTextBoxControl but not for RadDropDownList. I can't upgrade to R2 2021.

I need some customization tips to implement floating labels in both RadTextBox and RadDropDown using Telerik Winforms

[Dess | Tech Support Engineer, Principal]

Hello,

Please have in mind that both RadTextBox and RadTextBoxControl have the embedded labels and you only need to set the ShowEmbeddedLabel property to “true”.  RadDropDownList internally uses a TextBox as well. I have prepared a sample code snippet demonstrating how to enable the embedded label for it. The attached gif file illustrates the achieved result:

            this.radDropDownList1.DropDownStyle = RadDropDownStyle.DropDown;
            this.radDropDownList1.DropDownListElement.TextBox.ShowEmbeddedLabel = true;
            this.radDropDownList1.DropDownListElement.TextBox.EmbeddedLabel.Text = "Enter data";

            for (int i = 0; i < 10; i++)
            {
                this.radDropDownList1.Items.Add("Item"+i);
            }
            this.radDropDownList1.SelectedItem = null;

It is very important to note that this functionality was introduced in R2 2021. Even though this feature seems to be simple, its implementation is not so easy to accomplish to give any general tips. However, you can have a look at the following KB article which demonstrates a sample approach:

https://docs.telerik.com/devtools/winforms/knowledge-base/floating-label 

Feel free to upgrade in order to benefit from the introduced improvement.

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik