WebService Binding problem with ReadOnly setting

7 posts, 0 answers
  1. Pooja
    Pooja avatar
    55 posts
    Member since:
    Feb 2011

    Posted 07 Feb 2012 Link to this post

    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.
  2. Pooja
    Pooja avatar
    55 posts
    Member since:
    Feb 2011

    Posted 07 Feb 2012 Link to this post

    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.
  3. Plamen
    Admin
    Plamen avatar
    3076 posts

    Posted 09 Feb 2012 Link to this post

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  4. Pooja
    Pooja avatar
    55 posts
    Member since:
    Feb 2011

    Posted 09 Feb 2012 Link to this post

    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.
  5. Pooja
    Pooja avatar
    55 posts
    Member since:
    Feb 2011

    Posted 09 Feb 2012 Link to this post

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

  6. Pooja
    Pooja avatar
    55 posts
    Member since:
    Feb 2011

    Posted 11 Feb 2012 Link to this post

    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.
  7. Plamen
    Admin
    Plamen avatar
    3076 posts

    Posted 14 Feb 2012 Link to this post

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Back to Top