telerik:RadComboBox

[Vijay]

I placed 'telerik:RadComboBox' inside of <table><tr><td>.
Its not getting displayed/rendring properly. Edges are not 100% accurate.

<div><table><tr><td><telerik:RadComboBox runat="server" ID="radCmb1" HighlightTemplatedItems="true"                                      Width="220px"><ItemTemplate><asp:CheckBox runat="server" ID="FlagCheckBox" onclick="some(event);"                                                Text="" /><%# DataBinder.Eval(Container.DataItem, "somedata")%></ItemTemplate></telerik:RadComboBox></td></tr></table></div>

But, when i place outside of <table>, its rendring prpperly                   

<div><telerik:RadComboBox runat="server" ID="radCmb1" HighlightTemplatedItems="true"         Width="220px"><ItemTemplate><asp:CheckBox runat="server" ID="FlagCheckBox" onclick="some(event);"Text="" /><%# DataBinder.Eval(Container.DataItem, "somedata")%></ItemTemplate></telerik:RadComboBox></div>

Problem here is , i can't place ouside of TD.
Please help me out on this ASAP.
Thanks in advance!!!!

[Nencho]

Hello Vijay,

I have performed some test, based on the provided code snippet, but I was unable to replicate the described issue. Here is a video, demonstrating the behavior at my end. Please correct me, if I had missed something. In addition, would you specify which version of our controls are you using and under which browser you had encountered the problem?

Regards,
Nencho
Telerik

[Vijay]

First of all, thanks for your response .
Version : 2010.3.1317.35
Runtime version:v2.0.50727

I missed out few lines at my initial post.Actually the problem here is , i applied some CSS for the main table.CSS contains padding details.The main table has numerous TD. All TD requires this padding settings.
It is applied for all TD of the main table, including TD which contains telerik:RadComboBox .

CSS -
#Firsttable td
{
    padding-left: 5px ;     padding-top: 2px;     padding-bottom: 2px;
    color: #202C5E;
    background-color: Gray;
}


<div><table id="Firsttable"><tr><td><telerik:RadComboBox runat="server" ID="radCmb1" HighlightTemplatedItems="true"                                      Width="220px"><ItemTemplate><asp:CheckBox runat="server" ID="FlagCheckBox" onclick="some(event);"                                                Text="" /><%# DataBinder.Eval(Container.DataItem, "somedata")%></ItemTemplate></telerik:RadComboBox></td></tr></table></div>

Even though i override padding details at child level [TD which contains telerik:RadComboBox ], still issue is coming.
Please help me out on this ASAP.

Thanks in advance!!!!

-VJ

[Nencho]

Hello Vijay,

I was able to reproduce the experienced issue. The reason for the problem is that you use too strong selector to style the table, which reflects as a problematic rendering. I would suggest you to set a class to the Table and apply  the desired styles. Here is a video, demonstrating the behavior at my end, when the above suggestion is implemented.

Regards,
Nencho
Telerik

[Vijay]

Thanks man!!!

Please share the alternate code/styles , that you tried to resolve this issue.
 I am not to view this video , due to some security restrictions.

Thanks in advance!!!!

[Nencho]

Hello Vijay,

For your convenience, I am sending you a sample page, demonstrating the suggested implementation.

Hope this would help.

Regards,
Nencho
Telerik

[Vijay]

Great !!!!!!!!!!!Thanks Man!!!!!!!!!!!