Full Select Dropdown list in UI for WinForms

This is a migrated thread and some comments may be shown as answers.

Full Select Dropdown list

6 Answers 44 Views

DropDownList

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 28 Sep 2018, 08:34 AM

Hello, Suganya,

When the RadDropDownList.DropDownStyle property is set to DropDownList there is no text box which text to be selected. That is why in this case the full text selection is not available. If you need it, feel free to set the DropDownStyle property to DropDown. Note that you can prevent editing the text box in this case by setting the DropDownListElement.TextBox.TextBoxItem.TextBoxControl.ReadOnly property to true.

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

Regards,
Dess
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

answered on 01 Oct 2018, 11:47 AM

Hello Suganya,

If you will be setting the ReadOnly property to false it is not necessary to set the DropDownStyle property of the control. All you need to do is this:

this.radDropDownList1.DropDownListElement.TextBox.TextBoxItem.TextBoxControl.ReadOnly = true;

Alternatively, you can also consider showing the focus cues and leaving the DropDownStyle property set to DropDown, this way you will have a visual indication when the drop-down receives the focus, yet the text will not get selected:

this.radDropDownList1.AllowShowFocusCues = true;

this.radDropDownList1.DropDownStyle = Telerik.WinControls.RadDropDownStyle.DropDownList;

I am also attaching a short video showing the result on my end.

Regards,
Hristo
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

answered on 03 Oct 2018, 12:39 PM

raddropdownlist-focus-cues-back-color.gif

Hello Suganya,

In order to change the back color of the text box, you will need to access the editable element. This back color is also defined in themes and setting it locally will override the values defined for other element states. In this respect, it will be necessary to set it using the ThemeValueOverride API: https://docs.telerik.com/devtools/winforms/telerik-presentation-framework/override-theme-settings-at-run-time. Please check my code snippet below:

public partial class RadForm1 : Telerik.WinControls.UI.RadForm

{

public RadForm1()

{

InitializeComponent();

this.radDropDownList1.AllowShowFocusCues = true;

this.radDropDownList1.DropDownStyle = Telerik.WinControls.RadDropDownStyle.DropDownList;

this.radDropDownList1.GotFocus += RadDropDownList1_GotFocus;

this.radDropDownList1.LostFocus += RadDropDownList1_LostFocus;

}

private void RadDropDownList1_LostFocus(object sender, EventArgs e)

{

this.radDropDownList1.DropDownListElement.EditableElement.ResetThemeValueOverrides();

}

private void RadDropDownList1_GotFocus(object sender, EventArgs e)

{

this

.radDropDownList1.DropDownListElement.EditableElement.SetThemeValueOverride(RadItem.BackColorProperty, Color.FromArgb(51, 153, 255),

"RadDropDownListEditableAreaElement");

this.radDropDownList1.DropDownListElement.EditableElement.SetThemeValueOverride(RadItem.ForeColorProperty, Color.White, "RadDropDownListEditableAreaElement");

}

I am also attaching a short video showing the result on my end.

Regards,
Hristo
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.