Rendering Issue in ASP.NET AJAX UpdatePanel

2 posts, 0 answers
  1. The Stormm
    The Stormm avatar
    6 posts
    Member since:
    Jul 2007

    Posted 28 Mar 2010 Link to this post

    I am working with the rater in a standard AJAX UpdatePanel and there appears to be a rendering issue in FF (PC).  Then panel has a number of hidden DIVs for sub-sections of a large form.  When I show the DIV containing the rater, the rater items are stacked in two rows rather than a single row.  If I click the button to make the DIV visible again, the rendering is corrected.

    I have completely disabled my style sheet and the behavior remains.  Any ideas what could be causing the issue?
  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 01 Apr 2010 Link to this post

    Hello The Stormm,
    I suppose you are using "display:none" to hide the DIV elements. If this is the case, you can try calling the repaint method of the rating control when you show its parent the DIV element. For example:
    <script type="text/javascript">
    function ShowRating()
        $get("ratingWrapper").style.display = "block";
        $find("<%= RadRating1.ClientID %>").repaint();
    <button onclick="ShowRating(); return false;">Show rating</button>
    <div id="ratingWrapper" style="display: none;">
        <telerik:RadRating ID="RadRating1" runat="server">

    In case this does not work, please open a new support ticket and send us a simple running project, demonstrating the problem.

    All the best,
    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.
Back to Top