[Solved] Load on demand and selecting items

[koen van daalen]

Hi,

I'm in the middle of trying to get an idea of how the telerik components work and if they can fit my future projects.
concering the radcombobox the load on demand feature seems pretty funky, so i've tried it out in a sample project.
I found out that the behaveour changed slightly, but to such a degree that it could potentially confuse users.
It seems that after enabeling load on demand the way a user can select an item from the dropdownlist changes.
Without load on demand the user can simply click anywhere in the dropdownlist to select the desired item. After enabeling he can only select the item by clicking on the item text! He can't click on the blank area behind the text.

This can be experienced also by using one of the examples of load on demand: http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx

Can anybody tell me how to enable load on demand without losing the click anywhere in the dropdownlist feature?

[Simon]

Hello koen van daalen,

This a CSS + HTML issue, which we will investigate further to see if we can fix it internally (it is a browser quirk).

As a workaround you could use the following CSS (just put it on the page exhibiting the issue):

*+html div.RadComboBoxDropDown .rcbItem
{
    display: inline-block;
}

* html div.RadComboBoxDropDown .rcbItem,
* html div.RadComboBoxDropDown .rcbHovered
{
    display: inline;
    width: 100%;
}

All the best,

Simon
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.

[koen van daalen]

Simon,

Thanks for your help, but it doesn't completly suit my requirements.

Your workaround doesn't allow me to click on the item, it nearly highlights the item i hover over.

Could you somehow adjust the solution so it will also allow me to click on the white space behind the item text to select it?

I found out that your method does work with firefox 3 but does not with IE 8.

[Kamen Bundev]

Hello Koen,

Yes, you're right. Replace the previous CSS with this one:
*+html div.RadComboBoxDropDown .rcbList
{
    zoom: 1;
}
* html div.RadComboBoxDropDown .rcbItem,
* html div.RadComboBoxDropDown .rcbHovered
{
    zoom: 1;
}
It should fix the click issue.

The fix will also be made available with the next service pack of RadControls for ASP.NET AJAX. I've updated your Telerik points for the report.

Best wishes,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[koen van daalen]

Kamen,

Thanks four your aswer

This is the solution.