Show recurring image (not using standard recurrence)

[Datamex]

Hi,

We have decided to use a custom way of creating and showing recurrence appointments.
Now i would like to know how i can show the recurrence image in the appointment.
Is there a way to get the image from the scheduler so i can add it to the appointment template in the timeslotcreated event.

We are using the following code to show the appointment:

function TimeSlotCreated(sender, e) {


      var app = e.get_appointment();
      var element = e.get_appointment().get_element();

      var attributeCollection = app.get_attributes();
      var StateIconName = attributeCollection.getAttribute("StateIconName");
      var SubStateIconName = attributeCollection.getAttribute("SubStateIconName");
      var RsCategory = RgbStringToRadStyleString(attributeCollection.getAttribute("Color"));
      var customerName = attributeCollection.getAttribute("CustomerName");
      var startTime = app.get_start().format("MMM dd, yyyy HH:mm:ss");
      attributeCollection.setAttribute("OriginalStartTime", startTime);

      // Set the stateimage
      var image = document.createElement("img");
      image.setAttribute("src", '/Images/16x16/icons/' + StateIconName);
      image.setAttribute("alt", 'IconImage');
      image.setAttribute("ondragstart", 'javascript:return false;');

      // If the appointment has a substate then show the substateimage
      if (SubStateIconName != null) {
        var image2 = document.createElement("img");
        image2.setAttribute("src", '/Images/16x16/icons/' + SubStateIconName);
        image2.setAttribute("alt", 'IconImage');
        image2.setAttribute("ondragstart", 'javascript:return false;');
      }

      app.set_cssClass("rsCategory" + RsCategory);

      // All appointments with ID 0 are script generated, they are not actually appointments within the database, thus must not be allowed to
      // be edited/moved or resized in any way shape or form.
      if (app.get_id() == 0) {
        app.set_allowDelete(false);
        app.set_allowEdit(false);
      }

      var divs = element.getElementsByTagName('div');
      var result;
      var innerHTML;
      for (i = 0; i < divs.length; i++) {
        // IE and its eternal spacing issues *sigh*
        if ($telerik.$(divs[i]).is("div.rsAptContent")) {
          result = divs[i];
          innerHTML = result.innerHTML;
          result.innerHTML = '';
          result.appendChild(image);

          // If the appointment has a substate then show the substateimage
          if (SubStateIconName != null) { result.appendChild(image2); }

          resultresult.innerHTML = result.innerHTML + innerHTML;
          resultresult.innerHTML = result.innerHTML + "<br />";


          AddTargetControl(app);
        }
      }
    }

[Peter]

Hi,

We use a sprite image to style the appointments. The sprite image contains the recurrence icon and can be found at:
[your local installation of the Telerik.Web.UI suite]\Skins\[SkinName]\Scheduler->rsSprites.png

In your case it would be better to simply cut the recurrence icon and use it independently from the entire sprite image.


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.