Radscheduler Reminder template

8 posts, 0 answers
  1. Prava kafle
    Prava kafle avatar
    217 posts
    Member since:
    Apr 2010

    Posted 05 Nov 2012 Link to this post

    Hi,
    I would like to modify the Reminder template/add more controls to it.  How can I modify(add/remove controls)  reminder template?


    Thanks,
    Prava
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2035 posts

    Posted 08 Nov 2012 Link to this post

    Hello Prava,

    I am afraid that Modifying the pop-up window that notifies you for the upcoming appointment and shows various options to choose from is not supported in RadScheduler.
    However you can modify the Reminder section in the AdvancedForm following this Code Library.  It demonstrates AdvancedForm customization using Advanced template with user controls.

    Regards,
    Boyan Dimitrov
    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.
  3. Prava kafle
    Prava kafle avatar
    217 posts
    Member since:
    Apr 2010

    Posted 28 Nov 2012 Link to this post

    Hi Boyan,

    I looked at Radscheduler properties and tried to create a reminder template.  I also looked at the sample code from previous post, Advanced Form/Radscheduler  has only two templates( insert and edit ).

    Thanks,
    Prava
  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2035 posts

    Posted 03 Dec 2012 Link to this post

    Hello,

    Accessing the reminder dialog that pops up could be achieved by using jQuery and apply some styles or some basic modification.

    //markup code
    <telerik:RadScheduler runat="server" ID="RadScheduler1" OnClientReminderTriggering="ClientReminderTriggering" Reminders-Enabled="true">         
    </telerik:RadScheduler>

    //JavaScript
    function ClientReminderTriggering(sender, args) {
                var $ = $telerik.$;
                var reminderContainer = $("[id$='ReminderDialog']");
                    // here goes your custom logic for modifying  reminder dialog
            }

    Please keep in mind that some serious changes like adding other telerik controls or components could not be achieved.
    The provided code library resource in my very first response would help you to modify the reminder section in the  RadScheduler advanced form. Please use the attached image for reference.


    Do not hesitate to contact us if you have any further questions.

    Regards,
    Boyan Dimitrov
    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.
  5. Prava kafle
    Prava kafle avatar
    217 posts
    Member since:
    Apr 2010

    Posted 03 Dec 2012 Link to this post

    Hi,
         I want to modify text  for each item in rsTicketsSchedule_ReminderDialog_RemindersList, If possible would like to give different color and add a prefix to individual items in the list. I am trying to get an apptid behind the list item and based on it's property modify it's font color code to blue/ black/red.
    I am also trying to hide some of  items from the list.
    Thanks,
    Prava
  6. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2035 posts

    Posted 06 Dec 2012 Link to this post

    Hello,

    Please find the code below that demonstrates the desired functionality:

    //aspx file
    <telerik:RadScheduler runat="server" ID="RadScheduler1" OnClientReminderTriggering="ClientReminderTriggering" Reminders-Enabled="true"
    ................>         
    </telerik:RadScheduler>

    //JavaScript
    function ClientReminderTriggering(sender, args) {
        var currentAppointment = args.get_reminder().get_owner();
        var currentAppointmentID = currentAppointment.get_id();
        currentAppointment.set_subject("prefix" + currentAppointmentID);
        setTimeout(function myfunction() {
            var appointmentList = $telerik.$(".rlbList").children();
            var firstElement = appointmentList.get(0);
            $(firstElement).css("background-color", "blue");
            var secondElement = appointmentList.get(1);
            $(secondElement).css("background-color", "black");
            var thirdElement = appointmentList.get(2);
            $(thirdElement).css("background-color", "red");            
        },200)
    }

    We are using delay(setTimeout) since at the moment when the event is fired the reminder modal form is not rendered yet and you are not able to access its elements.

    Regards,
    Boyan Dimitrov
    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.
  7. Prava kafle
    Prava kafle avatar
    217 posts
    Member since:
    Apr 2010

    Posted 06 Dec 2012 Link to this post

    Hi Boyan,

    Thank you very much for providing a sample code. I have a small concern here, I do not want to change the text displayed in scheduler for the  appointment  and I think  using  following code  modify appointment's subject too.
    currentAppointment.set_subject("prefix" + currentAppointmentID);"

    Thanks,
    Prava
  8. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2035 posts

    Posted 11 Dec 2012 Link to this post

    Hello,

    Modifying appointment subject without updating the appointment using the scheduler object will not persist on the post-back. This way you are able to add a prefix to your subject in order to achieve your scenario and not apply that change after the post back.  Please find here more information about the appointment client-side object methods.

    Regards,
    Boyan Dimitrov
    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