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

Timeline View vertical header does not line up with appoints

6 Answers 178 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
DF
Top achievements
Rank 1
DF asked on 07 Apr 2010, 06:18 PM
Hi - I'm using Q1 2009 release and IE 8.

I overwrote some CSS to get the Timeline View row heights and appointment heights to automatically adjust to the contents within them. However, the vertical header where the resoure displays does not get adjusted with the row heights. See the attached screenshot for visual. Note that there are two appointments in one slot, but the resource header is off alighment. Thank you for your help.

CSS:

/*RadScheduler Appointment Overrides*/

.RadScheduler

.rsTimelineView .rsWrap,

 

.RadScheduler

.rsTimelineView .rsApt

 

{

 

height:auto !important;

 

}

.RadScheduler

.rsTimelineView .rsApt

 

{

 

position:static !important;

 

}

div.RadScheduler

.rsAptContent,

 

div.RadScheduler

.rsAptIn,

 

div.RadScheduler

.rsAptMid,

 

div.RadScheduler

.rsAptOut

 

{

 

height: auto !important;

 

}

6 Answers, 1 is accepted

Sort by
0
Dimitar Milushev
Telerik team
answered on 08 Apr 2010, 05:28 PM
Hello DF,

This was a bug in an earlier version of RadScheduler, but it has been fixed since then. Can you please try upgrading to a later version of RadControls?

All the best,
Dimitar Milushev
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
DF
Top achievements
Rank 1
answered on 08 Apr 2010, 06:23 PM
Instead of upgrading it, is there a workaround or a service pack that I can apply to our version (for no cost)? The client I'm working for has strict policy on what tools they will support and upgrading to a later version is not on their plan right now. Thank you again.
0
Accepted
Dimitar Milushev
Telerik team
answered on 09 Apr 2010, 05:02 PM
Hi DF,

You can include the following script on your page to synchronize the header's height with the rows:

         <script type="text/javascript">
            Sys.Application.add_load(function () {
                var $ = $telerik.$;
                
                var headers = $('.rsVerticalHeaderTable th', scheduler);
                            
                var scheduler = $get('<%= RadScheduler1.ClientID %>');
                $('.rsAllDayTable tr td:first-child', scheduler).each(function(index) {
                    headers.eq(index).css('height', $(this).innerHeight() + 'px');
                });
            });
        </script>

This assumes that the Scheduler's ID is 'RadScheduler1'. You should change it in the code if it is different in your case.

I hope this helps.

Greetings,
Dimitar Milushev
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
DF
Top achievements
Rank 1
answered on 13 Apr 2010, 04:55 PM
It worked! Thank you!

However, it takes an additional trick to get it to work. The script has to be placed at the end of the <form> tag, not the usual <head> tag or an external js file; otherwise, it throws a "sys is undefined" error. The reason is that the script file that supplies the method has to be loaded before the method is called. Putting the script at the end of the <form> tag ensures the file get loaded first.
0
Michele
Top achievements
Rank 1
answered on 08 Sep 2010, 06:50 PM
Hi,

we have the same problem but inserting that script doesn't work.
Could you give me a full example?

Thx a lot!
0
Peter
Telerik team
answered on 13 Sep 2010, 03:16 PM
Hello Michele,

This problem should be fixed with the current version - 2010.2.826. Can you try with this version and let me know how it goes?


Regards,
Peter
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
Tags
Scheduler
Asked by
DF
Top achievements
Rank 1
Answers by
Dimitar Milushev
Telerik team
DF
Top achievements
Rank 1
Michele
Top achievements
Rank 1
Peter
Telerik team
Share this question
or