Overlapping text on user input in UI for ASP.NET AJAX

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

Overlapping text on user input

3 Answers 10 Views

ComboBox

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

Gabriele asked on 11 Feb 2014, 10:28 AM

Hello,

I use a Combobox with autocomplete and load on demand which works perfectly fine and usually the fiels is pre-selected.
However, if the fiels is empty the following Scenario happens:

- first click, Cursor is at the beginning of the box, everything is fine.
- second click in the box - the Cursor jumps to the left upper Corner and it's size is reduced.

This leads to the following Problem:
- first click, Cursor okay, user types a text, text is fine
- second click, text is still in the box, it is not cleared - the Cursor jumps to the left upper Corner again, get's reduced in size and if the user starts typing a text now the previous text is not deleted or anything, the two texts overlap. On Validation the combox behaves like there as been no user-Input at all.

I've attached a screenshot to make it clearer.

Any help would be appreciated.

3 Answers, 1 is accepted

answered on 12 Feb 2014, 10:52 AM

Hi Gabriele,

Unfortunately I couldn't replicate the issue at my end. Please have a look into the following sample code snippet which works fine at my end and let me know if you have any concern.

ASPX:

<telerik:RadComboBox ID="RadComboBox1" runat="server" EnableLoadOnDemand="true" DataTextField="Text"

DataValueField="Value" OnItemsRequested="RadComboBox1_ItemsRequested">

</telerik:RadComboBox>

C#:

protected void RadComboBox1_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)

{

Telerik.Web.UI.RadComboBox combo = (Telerik.Web.UI.RadComboBox)sender;

String connstring = WebConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString;

SqlConnection conn = new SqlConnection(connstring);

SqlDataAdapter adapter = new SqlDataAdapter();

adapter.SelectCommand = new SqlCommand("SELECT * from Customers WHERE CompanyName LIKE '" + e.Text + "%'", conn);

DataTable data = new DataTable();

conn.Open();

try

{

adapter.Fill(data);

}

finally

{

conn.Close();

}

foreach (DataRow row in data.Rows)

{

Telerik.Web.UI.RadComboBoxItem item = new Telerik.Web.UI.RadComboBoxItem(row["CompanyName"].ToString());

combo.Items.Add(item);

}

Thanks,
Shinu.

answered on 12 Feb 2014, 12:22 PM

telerik_combobox_problem.png

Hi,

obviously my attachement got lost at the first post. I'll try it again.
I don't have any Problems with drop-down or with the items there, that works perfectly fine and excatly as expected. The problem I have is focused solemny on the user Input - meaning when the user types something in the box. As long as the Cursor is where it is expected to be the autocomplete works fine. When it jumps to said Corner it starts overlapping the text.