RadComboBox display problem in RadGrid

[Daniel]

Hi. I've just cut across to Q2 2009 controls. The pager at the bottom of the grid and any other RadComboBox within the grid appears to have what looks like part of another RadComboBox at the bottom of it. This only happens if an ajax postback is performed. I've tested it on IE6 & IE7 with the Vista skin. I can't seem to replicate the problem outside of my webapp though.

Daniel

[Dimo]

Hi Daniel,

This strange combobox appearance means that the combo's table cells have inherited padding or width/height styles from somewhere.

Are you adding some CSS styles with an AJAX request? Can you test whether the problem exists in Firefox too ?

You may need to enforce the RadComboBox padding styles with an additional CSS rule, like this:

.RadComboBox_Vista table td.rcbInputCell
{
    padding: 0 !important;
}


* html body .RadComboBox_Vista td.rcbInputCell
{
    height : auto;
    line-height : auto;
}

.RadComboBox_Vista .rcbInputCell .rcbInput
{
    padding: 2px 0 1px !important;
}

* html body .RadComboBox_Vista .rcbInputCell .rcbInput
{
    height : auto;
}

.RadComboBox_Vista table td.rcbInputCell,
.RadComboBox_Vista .rcbInputCell .rcbInput
{
    padding-left: 2px !important;
}

If the above does not help, please send us a runnable sample, which exhibits the problem.


Greetings,
Dimo
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.

[Zed]

I have the sample problem.  It seems the styles are coming from the RadGrid Itself.  No dice on trying the styles.  Any other ideas?

[Dimo]

Hi Zed,

Have you replaced "Vista" with the actual ComboBox skin that you are using?

Which RadControls version are you using and which browser?

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Zed]

All it says when I view source is
class="RadComboBox RadComboBox_Default "

I actually do not know what the skin is.

I fixed the problem by setting padding left right to 0 on the radgrid

Thanks

[Dimo]

Hello Zed,

Well, this means that the skin is "Default". Using the CSS rules provided above, replace "Vista" with "Default".

If you need further assistance, please send a runnable web page, so that I can work directly with it.

I also recommend obtaining a general idea about the RadControls skinning mechanism:

http://www.telerik.com/help/aspnet-ajax/controlling-appearance-overview.html

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Preetham]

Hi Team

I do have a similar problem, i have tried fixing it by modifying the combo box styles and grid styles also but with no success.
please also check
Shadow for radcombobox
or
http://www.telerik.com/community/forums/aspnet/combobox/radcombobox-displays-shadow-when-it-is-inside-grid-as-item-template.aspx

any help is appreciated.

Thanks,
Preetham

[Kalina]

Hello Preetham,

Please provide us a live Url where the issue can be observed. Thanks.

Greetings,
Kalina
the Telerik team

[Preetham]

Hi Kalina,

Thanks for the reply, appreciate it..
I could actually fix the issue and also have uploaded the same in telerik site.

please check this link
http://www.telerik.com/community/forums/aspnet/combobox/radcombobox-displays-shadow-when-it-is-inside-grid-as-item-template.aspx#1656224

Preetham

[Kalina]

Hi,

Glad that you managed to find a solution on your own.
Thank you for posting it for the community.

Best wishes,
Kalina
the Telerik team

[Preetham]

Sure Kalina,

But i am facing a problem in the teleirik site when i try to format the code using the code block option, I am also uploading the snapshot of the error.
please look into this issue and help me out.

Thanks,
Preetham

[Filip]

Hello Preetham,

 Thank you for contacting us for this issue!
However, we couldn't reproduce your problem. Can you please provide more information on the issue or maybe try with a different browser.

Awaiting for your response!

Regards,

Filip

the Telerik team

[Preetham]

Hi Team,
Thanks for the quick response but i had tried it earlier in Mozilla where i could see that error and now i tried it in IE7 where i do not see   the functionality it just shows the blank screen as attached.

Preetham

[Dimitar Terziev]

Hello Preetham,

Could you verify, if there are any proxy servers or some monitoring programs in the network from which you are receiving this error.

There is a known issue in such scenarios as describe in this troubleshooting article here.

Best wishes,
Dimitar Terziev
the Telerik team

[Preetham]

Hi Team,

That was perfect, we do have some network monitoring systems which might be creating this problem.we do use websence hence the problem.. :)

Thanks,
Preetham.

[RBarnes]

Same issue with the comobo in a grid when the padding on the grid rows has been modified from it's default.

I can't seem to get any of the suggested CSS changes to work.

.RadGrid .rgRow td,.RadGrid .rgAltRow td,.RadGrid .rgEditRow td,.RadGrid .rgFooter td,.RadGrid .rgFilterRow td,.RadGrid .rgHeader,.RadGrid .rgResizeCol,.RadGrid .rgGroupHeader td
{
    padding-left:2px !important;
    padding-right:2px !important;
}

.RadGrid .rgRow td,.RadGrid .rgAltRow td,.RadGrid .rgEditRow td,.RadGrid .rgFooter td
{
    padding-top:2px !important;
    padding-bottom:2px !important;
}

[Ivan Zhekov]

Hello, Dennis.

The issues come from the collision of styles -- the ComboBox uses table internally so your styles basically override the ComboBox styles, hence the issue.

I suggest that you use a snippet like the following:

html .RadGrid .rgRow > td,
html .RadGrid .rgAltRow > td,
html .RadGrid .rgEditRow > td,
html .RadGrid .rgFooter > td {
    padding: 2px;
}

It should be noted that this snippet will not work in IE 6. If you want it to work in IE 6, I will need you to attach a sample of your project so we could properly inspect the code and see how to create the styles.

Note: that is a separate issue and should have been posted in a separate thread. If you have further questions, it would be best if you start a new one, so we do not dilute this one.

Regards,
Ivan Zhekov
the Telerik team

[RBarnes]

Thanks Ivan, worked perfectly.