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

Radcombo: Rendering issues.

9 Answers 144 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Aaron
Top achievements
Rank 1
Aaron asked on 19 Oct 2009, 04:03 AM
I am having a rendering issue with RadComboBox. It is only an issue in IE.

Have a look at the attached image, the arrow dropdown has an underline that does not line up when the page loads. If you hover over and hover off the rendering fixes itself.

I am currently using the latest release of 3.5 AJAX Web controls. I am using the Outlook and Default skins.

I am not setting any custom css styles for RadCombo.

Edit: I have found that the rendering issue only occurs when you scroll the page before the page is fully loaded. Waiting for the page to fully load (IE loading progress bar is gone) then the combo loads normally.

Any idea what is causing the issue?

Cheers
Aaron

9 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 21 Oct 2009, 01:13 PM
Hello Aaron,

I think it will be best if you can provide a live URL or open a support ticket and send us a simple running project demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

All the best,
Paul
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.
0
Andy
Top achievements
Rank 1
answered on 16 Jun 2010, 06:42 PM
Was this ever fixed or addressed somewhere that I can read about it?

Thanks,

Andy C
0
Simon
Telerik team
answered on 16 Jun 2010, 06:46 PM
Hi Andy,

We have made a lot of changes and fixes in the Skins since this bug was reported.

Can you please let me know which is the version of Telerik.Web.UI you are using?

Best wishes,
Simon
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Andy
Top achievements
Rank 1
answered on 16 Jun 2010, 07:17 PM
Thanks Simon, it's version 2010.1.309.35

- Andy C
0
Simon
Telerik team
answered on 18 Jun 2010, 02:41 PM
Hello Andy,

Thank you for the info.

Perhaps this is caused by something else, which we have overlooked.

Could you please try reproducing this is in our live demos or send me some sample markup with which I would be able to recreate the issue on my side?

All the best,
Simon
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Raymond Andrews
Top achievements
Rank 1
answered on 05 Sep 2010, 11:04 PM
I've had what may be a similar issue.  When trying to change a form to use CSS for a table-less layout the RadCombo box rendered after its enclosing paragraph tags.  Trying to reproduce the same error with a simpler project did not produce the same results, but some other rendering issues.  Embedding the RadComboBox within a span seems to have helped considerably, though I'm not sure why.

The project renders differently in Firefox (3.6.5), IE (8), and Chrome (5.0)
I'm using Rad Ajax Q1 2010


<br>
<%@ Page Language="Oxygene" AutoEventWireup="true"  CodeBehind="Default.aspx.pas" Inherits="RadComboTest._Default" %><
br><br><%@ Register Assembly="Telerik.Web.UI, Version=2010.1.309.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"<br>  Namespace="Telerik.Web.UI" TagPrefix="telerik" %><br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><br><br><html xmlns="http://www.w3.org/1999/xhtml" ><br><head runat="server"><br>    <title>Untitled Page</title><br>    <style type="text/css"><br>    p {border: 1px solid blue;}<br>    </style><br></head><br><body><br>    <form id="form1" runat="server"><br>      <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"><br>      </telerik:RadScriptManager><br>    <div><br>      <br>    <p><label>RadComboBox No Span</label><telerik:RadComboBox ID="RadComboBox2" runat="server"><br>      <Items><br>        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" <br>          Value="RadComboBoxItem1" /><br>      </Items><br>      </telerik:RadComboBox><br>      End Paragraph<br>    </p><br>    <br>    <p><label>RadComboBox With Span</label><span><telerik:RadComboBox ID="RadComboBox1" runat="server"><br>      <Items><br>        <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" <br>          Value="RadComboBoxItem1" /><br>      </Items><br>      </telerik:RadComboBox><br>    </span><br>    End Paragraph<br>    </p><br>    <br>    <p><label>RadTextBox No Span</label><br>    <telerik:RadTextBox ID="RadTextBox1" runat="server"><br>      </telerik:RadTextBox><br>    End Paragraph<br>    </p><br>    <br>    <p><label>RadTextBox With Span</label><br>    <span><br>    <telerik:RadTextBox ID="RadTextBox2" runat="server"><br>      </telerik:RadTextBox><br>    </span><br>    End Paragraph<br>    </p><br>    <br>    </div><br><br>    </form><br></body><br></html>
0
Yana
Telerik team
answered on 08 Sep 2010, 09:37 AM
Hi Raymond,

Please check whether all the html tags are closed properly and try to validate the page. If this doesn't help, send us a live url demonstrating the problem.

Best regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Raymond Andrews
Top achievements
Rank 1
answered on 08 Sep 2010, 02:34 PM
The tags are matched in the aspx (it's a very simple page). The rendered page does not validate, with errors occurring on the rendered tags

The live url is http://www.steeltoad.com/ComboTest/
The source is http://www.steeltoad.com/ComboTest/radcombotest.zip
0
Andy
Top achievements
Rank 1
answered on 08 Sep 2010, 02:49 PM
I found that you cannot wrap a telerik control inside of a block level element that is not a div.

For some reason, if you wrap it in a div, np. If you wrap it inside of a paragraph, it jumps outside of it. If you add a CssClass="[SOMECLASS]" then it wraps it inside of a span with that class and it can sit inside the paragraph.


If I need this first line of code to all display on the same line, I have to use the second 2 lines of code instead. This is simplified of course, I'd have the CSS in a CSS file, and there is more styling required. But this is the basic solution.

<p><label>Text</label><telerik dropdown menu /></p>

I need to instead do this:

<p style="float: left;"><label>Text</label></p><div style="float: left;"><telerik dropdown menu /></div>
<div class="clearingDiv"></div>

I'll go into more detail later when I have more time.

- Andy
Tags
ComboBox
Asked by
Aaron
Top achievements
Rank 1
Answers by
Paul
Telerik team
Andy
Top achievements
Rank 1
Simon
Telerik team
Raymond Andrews
Top achievements
Rank 1
Yana
Telerik team
Share this question
or