Sync scrolling between multiple schedulers

[Joe Buckle]

Good day!

Is there any way that the scroll position be synced between schedulers? The application I'm creating has multiple schedulers, side-by-side, but I only want to show the hours column for the first one to save space, but the height of the scheduler exceeds the browser window, so a scroll bar is shown for each. Each scheduler is in a RadPane.

Thanks.

[Peter]

Hi Joe,

Yes, this is possible using javascript and jQuery. For example, try the following code:

<script type="text/javascript">
       function pageLoad() {
           var scheduler1 = $find('<%=RadScheduler1.ClientID %>');
           var scheduler2 = $find('<%=RadScheduler2.ClientID %>');
           $telerik.$(".rsContentScrollArea", scheduler1.get_element()).scroll(function() {
               var scrollYposition = $telerik.$(".rsContentScrollArea", scheduler1.get_element()).get(0).scrollTop
               $telerik.$(".rsContentScrollArea", scheduler2.get_element()).get(0).scrollTop = scrollYposition;
           });
           $telerik.$(".rsContentScrollArea", scheduler2.get_element()).scroll(function() {
               var scrollYposition = $telerik.$(".rsContentScrollArea", scheduler2.get_element()).get(0).scrollTop
               $telerik.$(".rsContentScrollArea", scheduler1.get_element()).get(0).scrollTop = scrollYposition;
           });
       }
   </script>
   <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="450px" >
       <telerik:RadPane ID="RadPane1" runat="server" Width="500px">
           <telerik:RadScheduler ID="RadScheduler1" runat="server">
           </telerik:RadScheduler>
       </telerik:RadPane>
       <telerik:RadPane ID="RadPane2" runat="server" Width="500px">
           <telerik:RadScheduler ID="RadScheduler2" runat="server" GroupBy="User">
           </telerik:RadScheduler>
       </telerik:RadPane>
   </telerik:RadSplitter>

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

[Joe Buckle]

Thanks.

[Pankaj]

Dear Telerik Team,

 

I have used Telerik schedulers calender in my application, now i want below functionality on that, is that possible with telerik   schedulers 
calender or not as i using licence version of telerik control. Please can you reply me ASAP. Points are........

 

• I want to be able to sync my Telerik Calendar appointments/events into my Google Calendar
• I want to be able to sync my Telerik Calendar appointments/events into my Outlook
• I want to be able to sync my Telerik Calendar appointments/events into my iCal
• I want to be able to publish/sync my appointments/events from outside calendars into my Telerik Calendar
• I want the follwing methods to import/sync/publish calendar events outside of BooktUp into a BooktUp calendar:

           1) Google Account Access by Permission (after user Login)

           2) WebDAV

           3) iCal feed subscription

• I want to be able to sync my Outlook Calendar appointments/events into Telerik Calendar. I want to be able to do this by publishing my events to the  WebDAV server from Outlook or other programs.

• I want to be able to sync my iCal appointments/events into Telerik Calendar. I want my Telerik Calendar to be able to subscribe to my iCal feed
•  
• I want to see four import options as text links:

        1) Goolge

        2) Outlook

        3) iCal/iCloud

       4) Other

[Plamen]

Hello Pankaj,

 RadScheduler provides the possibility to export appointments to ICal format the will be most helpful in you scenario because it is used in both OutLook and Google Calendar. You can refer to this on-line demowhere similar behavior have been implemented.

As for importing to RadScheduler I will recommend you to refer to this Code Library where this scenario
have been explained.

Hope this information will be helpful.

Regards,
Plamen
the Telerik team