WebService Binding problem with ReadOnly setting

[Pooja]

Hi,

I have set the scheduler ReadOnly property to true and use WebService binding, the appointments are still rendered as editable. When I use normal binding the appointments are rendered as ReadOnly.

Please let me know what I am missing in this.

[Pooja]

I tried AllowInsert, AllowDelete and AllowEdit as well, AllowDelete is working, but AllowInsert and AllowEdit is not working. On appointment it shows me resize icon but when I try to resize appointment, it does not resizes. Similarly in Day and week view a small gap comes at the right of the appointment but I could not insert any appointment.

Also I had applied some CSS for weekends it does not seems to get applied in day and week view.

Month View is the only view which is working as per expectation.

[Plamen]

Hello Pooja,

 
You can add the following css to achieve the same functionality:

.rsAptResize

        {

       display:none !important;

        

       }
.rsApt
          {

       width:100%  !important;

       }

Hope this will be helpful.

All the best,
Plamen Zdravkov
the Telerik team

[Pooja]

Thanks, but this will solve one part of my problem.another part still remains open

Also I had applied some CSS for weekends(Saturday, Sunday) it does not seems to get applied in day and week view.
Month View is the only view which is working as per expectation. 

Please let me know if this is achievable.

[Pooja]

Also, whereas rsAptResize change worked, 

.rsApt
          {

       width:100%  !important;

       }
did not worked, actually it is applying some inline style where width is set to 90%.
This inline setting is overriding my .rsApt setting.
see the rendered html
<div title="" class="rsApt" id="1611424344" style="left: 0%; width: 90%; height: 16px;">

This is an urgent matter, and a quick response is highly appreciated!!!



[Pooja]

I found out the issue with my css change with .rsApt, I was not applying the "important" attribute to the css. Now the appointment are showing as 100% width, but suppose if I have 2 or more appointments in same slot, both of the appointment is taking 100% of the width which is not the required behavior.

So my problem is :
1. How can I occupy full width of the slot
2. How can I show Sunday and Monday slots in different color.

[Plamen]

Hi Pooja,

 
1. I have inspected the issue and it seems to be a bug in RadScheduler. thank you for reporting it. We will notify you in this thread as soon as it is fixed.

2. You can change the css of different slots depending on its start time as in the code bellow:

function OnClientDataBound(sender) {
          sender.set_allowInsert(false);
          var $ = $telerik.$;

          var now = new Date();

          $(".rsAllDayTable:visible td", sender.get_element()).each(function (i) {

              var currentTimeSlot = sender.get_activeModel().getTimeSlotFromDomElement($(this).get(0));

              $(this).css("background", " ");

              if (currentTimeSlot.get_startTime() < now)

                  $(this).css("background", "silver");

          });

          $(".rsContentTable:visible td", sender.get_element()).each(function (i) {

              var currentTimeSlot = sender.get_activeModel().getTimeSlotFromDomElement($(this).get(0));

              $(this).css("background", " ");

              if (currentTimeSlot.get_startTime() < now)

                  $(this).css("background", "silver");

          });

      }

Hope this will be helpful.

Regards,
Plamen Zdravkov
the Telerik team