Sync scrolling between multiple schedulers

5 posts, 0 answers
  1. Joe Buckle
    Joe Buckle avatar
    47 posts
    Member since:
    Nov 2009

    Posted 09 Apr 2010 Link to this post

    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.
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 14 Apr 2010 Link to this post

    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.
  3. Joe Buckle
    Joe Buckle avatar
    47 posts
    Member since:
    Nov 2009

    Posted 14 Apr 2010 Link to this post

    Thanks.
  4. Pankaj
    Pankaj avatar
    1 posts
    Member since:
    Feb 2013

    Posted 27 Feb 2013 Link to this post

    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

  5. Plamen
    Admin
    Plamen avatar
    3079 posts

    Posted 04 Mar 2013 Link to this post

    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
    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