IE8 redraw problem

22 posts, 0 answers
  1. julie kagan
    julie kagan avatar
    4 posts
    Member since:
    Jun 2009

    Posted 06 Aug 2009 Link to this post

    Hi,
    I am using Telerik Q2 2009 RadScheduler together with RadTooltip as described in LiveDemos.Here is  the code of my control:
    1 <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="monthschedule.ascx.cs" Inherits="com.epam.epm3ie.uc.artist.MonthSchedule" %> 
    2 <%@ Reference Control="tooltip.ascx" %> 
    3 <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional" > 
    4     <ContentTemplate> 
    5         <telerik:RadScheduler runat="server" ID="radScheduler" Width="750px" DayStartTime="09:00:00" DayEndTime="22:00:00"   
    6             DataKeyField="UniqueID" DataSubjectField="eventName" DataStartField="startTime" DataEndField="endTime" 
    7             MonthView-VisibleAppointmentsPerDay="10" Culture="<%# UserCulture %>" FirstDayOfWeek="<%# UserFirstDayOfWeek %>" 
    8             SelectedView="MonthView" AllowDelete="false" MonthView-AdaptiveRowHeight="true" MonthView-HeaderDateFormat="MMMM yyyy" 
    9             OverflowBehavior="Expand" OnAppointmentDataBound="radScheduler_AppointmentDataBound" 
    10             StartEditingInAdvancedForm="false" OnClientAppointmentInserting="OnClientAppointmentInserting" 
    11             OnClientAppointmentEditing="OnClientAppointmentEditing" OnNavigationComplete="radScheduler_NavigationComplete"   
    12             OnAppointmentCreated="radScheduler_AppointmentCreated" OnDataBound="radScheduler_DataBound">  
    13             <Localization AdvancedAllDayEvent="All day"></Localization> 
    14             <AdvancedForm Modal="true" /> 
    15             <TimelineView UserSelectable="false" /> 
    16         </telerik:RadScheduler> 
    17         <telerik:RadToolTipManager runat="server" ID="radToolTipManager" Width="320" Height="170" 
    18         Animation="None" HideEvent="LeaveToolTip" Text="Loading..." 
    19         OnAjaxUpdate="radToolTipManager_AjaxUpdate" OnClientBeforeShow="clientBeforeShow" /> 
    20     </ContentTemplate> 
    21 </asp:UpdatePanel> 

    And the problrem is that when you try to navigate the scheduler in month view (change day to the another month or navigate month to next or previous using buttons < >) the content of the scheduler doesn't redraw. It looks like the month has changed, by there are no any appointment and cells of scheduler are absolutely empty even without date in the corner. But when you just move mouse pointer over the cells of scheduler, the wright appointmets draw in the cells. It is strange, but this situation take place only in Month view - in week view or day view everething is ok.  Other brousers like FireFox, Opera and even IE6 alwas redraw scheduler content.

    Another problem relate to the appointment style in Month View of scheduler - in the IE6 and IE8 the appointment name doesn't cut if it is longer than the cell, this looks not good - scrollbars appear in IE, and borders of the vertical columns of days are shifted relative to the week day names in the top of scheduler. 
  3. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 07 Aug 2009 Link to this post

    Hello julie,

    Which version of Telerik controls do you use? There were indeed issues under IE8, but we have fixed all that we are aware of with Q1 2009 SP1:
    http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q1-2009-sp1-version-2009-1-402.aspx



    Kind regards,
    Peter
    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.
  5. julie kagan
    julie kagan avatar
    4 posts
    Member since:
    Jun 2009

    Posted 07 Aug 2009 Link to this post

    I am using the latest Q2 2009 , version of dll is 2009.2.701.35
  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 10 Aug 2009 Link to this post

    Hi,

    We received a few other complaints about this issue and it seems that this is a new issue with IE8. We had similar problems in IE7, but they were easily fixed by applying "zoom: 1" style on RadScheduler. It looks like this workaround no longer works in IE8, but you can give it a try:

    <style type="text/css">
    .RadScheduler { zoom: 1; }
    </style>

    If this indeed doesn't help, you can include the following script on your page:

    <script type="text/javascript">
    Sys.Application.add_load(function() {
        if(!$telerik.isIE8)
            return;

        var schedulerElement = $find('<%= RadScheduler1.ClientID %>').get_element();
        schedulerElement.style.cssText = schedulerElement.style.cssText;
        var $ = $telerik.$;
        $(".rsMonthView td", schedulerElement).each(function() {
           this.style.cssText = this.style.cssText;
        });
    });
    </script>

    Let us know if this helps.

    All the best,
    Tsvetomir Tsonev
    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.
  9. julie kagan
    julie kagan avatar
    4 posts
    Member since:
    Jun 2009

    Posted 11 Aug 2009 Link to this post

    Hello,
    Here are results of you solution:

    1. applying "zoom: 1"  doesn't help, as you suppose
    2. script block helps to redraw page, but it looks not nice with both vertical and horisontal scrollbars

    It's seems that this issue reproduce only when RadScheduler has the property OverflowBehavior="Expand". 
    So my temporary solution is not to set this property.  
  11. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 11 Aug 2009 Link to this post

    Hello,

    Great to hear that the workaround has helped. We'll try to find a CSS-only solution to this problem and if that fails we'll include the workaround in our code.

    We plan to fix the scrollbar issue and hide them when they're not needed even when OverflowBehavior is set to Scroll.

    Regards,
    Tsvetomir Tsonev
    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.
  13. julie kagan
    julie kagan avatar
    4 posts
    Member since:
    Jun 2009

    Posted 16 Oct 2009 Link to this post

    Hello,

    I try the latest version of Telerik Radscheduler (dll and css files), but my problem still exist - i can't use property  OverflowBehavior="Expand" - it absolutely doesn't work under IE8. Both vertical and horisontal scrollbars are on the sceduler + ie8 doesn't redraw scheduler content after you change month, for example, until you move mouth poiner over the cells of scheduler. Only after that the appointmets shows on their dates.

    Can you suggest any solution? I extremely need scheduler WITHOUT scrollbars and properly work under IE8.

  14.
  15. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Oct 2009 Link to this post

    Hi julie,

    Can you isolate the problem in a simple working demo and send it to us via a support ticket? We cannot reproduce the issue with the scrollbars in our local tests using the RadScheduler definition you provided in the first post above.


    Regards,
    Peter
    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.
  17. wima
    wima avatar
    10 posts
    Member since:
    Mar 2006

    Posted 09 Dec 2009 Link to this post

    Is there a solution about this problem?

    thank you
    wima
  19. Carlos garza
    Carlos garza avatar
    1 posts
    Member since:
    Jul 2009

    Posted 17 Jun 2010 Link to this post

    For me is not working, not assigning the property and still not redrawing properly, is there any fix to this?
    I am using version 2009, 3, 1208, 35

    Thanks
  21. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 23 Jun 2010 Link to this post

    Hi Carlos,

    Please include the following script on your page:

    <script type="text/javascript">
            
            Sys.Application.add_load(function() {
                var schedulerElement = $find('<%= radScheduler.ClientID %>').get_element();
                schedulerElement.style.cssText = schedulerElement.style.cssText;
                var $ = $telerik.$;
                $(".rsMonthView td", schedulerElement).each(function() {
                    this.style.cssText = this.style.cssText;
                });
            });
         
    </script>


    Regards,
    Helen
    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
  23. Markus
    Markus avatar
    28 posts
    Member since:
    Oct 2012

    Posted 08 Feb 2011 Link to this post

    Hi !

    I have a similar problem. The CSS of the scheduler is not laoded (no gridlines, no css specific display) in timelimeview,
    in combination of IIS 6.0 and IE 8.0.

    i'm using Telerik AJAX Q3 2010

    Is there any solution ?

    regards
    Markus
  25. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 10 Feb 2011 Link to this post

    Hi Markus,

    Did you try the below workarounds:

    1)
    <style type="text/css">
    .RadScheduler { zoom: 1; }
    </style>
     
     
    2)
    <script type="text/javascript">
    Sys.Application.add_load(function() {
        if(!$telerik.isIE8)
            return;
     
        var schedulerElement = $find('<%= RadScheduler1.ClientID %>').get_element();
        schedulerElement.style.cssText = schedulerElement.style.cssText;
        var $ = $telerik.$;
        $(".rsMonthView td", schedulerElement).each(function() {
           this.style.cssText = this.style.cssText;
        });
    });
    </script>

    If none of them helps, could you please send us a live url or a test page which demonstrates the problem to examine it locally?

    Regards,
    Helen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  26.
  27. Markus
    Markus avatar
    28 posts
    Member since:
    Oct 2012

    Posted 10 Feb 2011 Link to this post

    Hi Helen !

    Thanks for your reply

    @workaround 1: does not work

    @workaround 2: i get a script error that Sys. 
    is not defined

    Currently i can't provide you a live demo, because our IIS6 & IE8 environment is just for internal use

    and some more things:

    1. When i'm in timelineview, resourced grouped vertically, they are cutted if they have dirrefent lanegths, until the RowHeaderWith Parameter is set to a fixed value
    2. When in timeline view and i try to overwrite the css settings for the RowHeader for resrouces grouped vertically, it does not work or has strange bevahiour in IE7/IE8

    you can also see this 2 points at you live demo site (demos.telerik.com)

    i've updated now to the last Telerik AJAX Q3 Version (deployed on the 16.12.2010) , when i then right click on an appointment in scheduler
    i will get an script error (Visual Studio 2010) that "CommandEdit" cannot be null. I have no special context menues defined, it looks like a bug in the latest release, when i roll back to the prev. Telerik AJAX Q3 Version it works.

    can you please have a look at this 

    thanks
    Markus
  29. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 10 Feb 2011 Link to this post

    Hello Markus,

    Up to the problems:

    1. Workaround 2: i get a script error that Sys. 
    is not defined:
    Did you try it in an asp.net ajax enabled web site? Do you receive some error initially without the script?

    2. When i'm in timelineview, resourced grouped vertically, they are cutted if they have dirrefent lanegths, until the RowHeaderWith Parameter is set to a fixed value:
    You may try to include the following CSS in the page's head tag:

    .rsMainHeader
    {
        width: auto !important;
    }

    3. When in timeline view and i try to overwrite the css settings for the RowHeader for resrouces grouped vertically, it does not work or has strange bevahiour in IE7/IE8
    It depends on the CSS selector. Could you try with the selector above?

    4. I will get an script error (Visual Studio 2010) that "CommandEdit" cannot be null.
    This problem is fixed in the latest internal build. You may download it from your account  - see the attached screenshot for details.

    Regards,
    Helen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  31. Markus
    Markus avatar
    28 posts
    Member since:
    Oct 2012

    Posted 11 Feb 2011 Link to this post

    Hi Helen !

    Thanks for your fast reply.

    1. Workaround 2: i get a script error that Sys. 
    is not defined:
    Yes the asp .net website is ajax enabled, and does no throw any other errors

    2. When i'm in timelineview, resourced grouped vertically, they are cutted if they have dirrefent lanegths, until the RowHeaderWith Parameter is set to a fixed value:

    That one worked very well in all Browsers, thanks (you mabye should add this one to your live demos, because there the resources are also displayed in the wrong way in IE7 & IE8)

    3. When in timeline view and i try to overwrite the css settings for the RowHeader for resrouces grouped vertically, it does not work or has strange bevahiour in IE7/IE8

    i took the .rsMainHeader Css selector and added (eg.) padding-right: 10px (to get a little space between the last sign of the resource name and the end of the resource column), it is completely irgnored (with the width: auto !important). when i do an

    .rsMainHeader
    {
        padding-right 10px;
    }

    it works very well on Visual Studio Devserver but not on IIS6/7 .. in Safari the padding is ignored, in IE7/IE8 the resource names are moved 10px more right than column with is, and the last signs are cutted.

    4. I will get an script error (Visual Studio 2010) that "CommandEdit" cannot be null.

    Thank you so much, that worked very well

    best regards
    Markus

  32.
  33. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 11 Feb 2011 Link to this post

    Hi Markus,

    1. Please try to include the below script after your RadScheduler declaration:

    <script type="text/javascript">
             
            Sys.Application.add_load(function() {
                var schedulerElement = $find('<%= radScheduler.ClientID %>').get_element();
                schedulerElement.style.cssText = schedulerElement.style.cssText;
                var $ = $telerik.$;
                $(".rsMonthView td", schedulerElement).each(function() {
                    this.style.cssText = this.style.cssText;
                });
            });
          
    </script>

    3.Try with the following selector:
    .rsMainHeader
      {
          padding-right: 10px !important;
          white-space: normal;
      }


    Greetings,
    Helen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  35. Markus
    Markus avatar
    28 posts
    Member since:
    Oct 2012

    Posted 11 Feb 2011 Link to this post

    Hi Helen !

    Thanks again.

    1. Please try to include the below script after your RadScheduler declaration:

    i've added it this way and know it works without errors in the debugging environment.
    We will deploy it on saturday in our special environment and then i can tell if it works for IE8/IIS6 combination.

    3.Try with the following selector:

    That worked great in every browser, thank you very much

    best regards
    Markus
  37. Markus
    Markus avatar
    28 posts
    Member since:
    Oct 2012

    Posted 15 Feb 2011 Link to this post

    HI Helen !

    Thanks, the workaround worked very well on IIS 6 & IE 8 combination !

    regards
    Markus
  38.
  39. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 15 Feb 2011 Link to this post

    Hi Markus,

    We are happy to hear that everything works fine now.
    Don't hesitate to contact us if other problems pop up.

    Greetings,
    Helen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  41. Mikiya Sato
    Mikiya Sato avatar
    19 posts
    Member since:
    Oct 2007

    Posted 13 Dec 2011 Link to this post

    Hello,

    I have a similar problem in IE8 and IE9.
    I am using Q3 2011(2011.3.1115). 
    So this workaround works well.

    However, I did not have a problem, when Q2  2010(2010.2.929.20) was used. 
    I would like to you to add the solution of this problem to a latest product. 

    Mikiya Sato

     
  43. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 14 Dec 2011 Link to this post

    Hi Mikiya Sato,

    Could you please open a support ticket and describe the exact problem you experience and which of the mentioned workarounds below fixed it? A sample code which demonstrates the issue will be helpful too.

    The current thread is quite old. We should determine the exact problem in order to fix it.

    Kind regards,
    Helen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top