Rendering of RadAutoCompleteBox

[Nessi]

The autocomplete box is rendered in a div element, other controls just in a span. ​If I ​assign a label to a Telerik control, the control is placed right of the label, but the auto complete box is placed underneath (as it's a div, not just a span).

 

Can I somehow change that behavior?

[Aneliya Petkova]

Hello Nessi,

All RadControls are rendered in a div HTML element. I tested RadAutoCompleteBox with Label and the label is placed correctly on the same line with the control.

Please note that RadAutoCompleteBox has Label property, which you could use to add label. Attached is a sample page. Here is a screenshot showing how the control is displayed at my side.

If this is not helpful, please provide sample runnable project, where we will be able to inspect your exact implementation.

Regards,
Aneliya Petkova
Telerik

[Nessi]

Hi Aneliya,

 the Label property works, but for design reasons I wanted to use an asp Label using the AssociatedControlID property. That works just fine with several Telerik controls, such as the RadTextBox or the RadComboBox. But the RadAutoCompleteBox just behaves differently.

How can I provide you with a sample project. I can only attach image files.

 

Cheers,

Udo

 

[Aneliya Petkova]

Hi Udo,

As this is a forum thread you are not allowed to attach .zip files. As an alternative you could open new support ticket or use one of the sites for free online storage.

Please add the following CSS to you page and let me know if this fixes the issue with the label positioned above the RadAutoCompleteBox control:

div.RadAutoCompleteBox {
    display:inline-block;
}

Regards,
Aneliya Petkova
Telerik

[Nessi]

Hi!

Yes, that fixed it. Thanks.

Cheers,

Udo