Scroll-able All day event

[Hiren]

How to set scrabbler for all day event section if events crossing more than some height. if we create more than 20 events, Time slot is not showing in the scheduler. find attached screen shots for the same.

Please let us provide the solution ASAP.

Thanks in advance.

[Peter]

Hello Hiren,

Please, try the following css:

html .RadScheduler .rsInnerFix
  {
      margin: 0 !important;
      /** Appointment height x int */
      height: 100px;
      overflow: auto !important;
  }

All the best,
Peter
the Telerik team

[Hiren]

Hi Peter,

by adding below css it is giving scroll bar in all day events. but it giving another issue.

Alignment is getting disturbed when we add resource to the calender.

Check the attached screen shots for the same.

Please let us provider workaround for the same.

[Ivan Zhekov]

Hi, Hiren.

From the screenshots it seems like you are using Windows XP. Is that indeed so?

I am asking since we are developing and testing primarily in Windows7, unless otherwise requested. In addition, we'll need information about the version of the controls you are using and the browser you are testing in.

If there is anything else you think is relevant -- such as using virtualized desktop (Citrix, VMWare etc), third party browser addons (skype toolbar, google toolbar etc) -- please include that information as well.

Once you provide that information, we'll try to replicate that working environment and test against it.

Greetings,
Ivan Zhekov
the Telerik team

[Hiren]

Hi,

Development Environment is Windows XP.  Production Version would be XP / Windows 7.

Version - 2011.2.816.40

As of now none of the third party toolbar is used.

[Peter]

Hello Hiren,

We will try to find a workaround for this issue and we will let you know if we succeed.

Regards,
Peter
the Telerik team

[Richard]

Hello Telerik-Team,
I'm using Telerik version 212.1.215.40, Windows 7 and IE 9 or FF 11 and I'm having the same misaligment problems if I'm using the css workaround (to display a scrollbar in the allday events block).

Did you find a workaround so far?

Greetings,
Richard Huber.

[Peter]

Hi Richard,

Without a sample or a live url of the issue we cannot provide you with specific suggestions. You can review the help topic on misalignments and check if it helps.


Kind regards,
Peter
the Telerik team

[Richard]

Hi Peter,
I found several posts in the forum with this misaligment issue and I included the css rules for .rsInnerFix like you suggested to Hiren. But after using this css rules I get the same misalignments which are shown in the picture.

I checked the help topic on known aligment issues but none of them adresses this aligment issue.
Ivan asked Hiren in his last post which operating system she is using and you told Hiren in your last post that you are looking for a fix or workaroud and will tell her if you found one.

So in my last post to you guys I told you that I'm using the newset telerik version and Windows 7 and asked you about a workaround of this known misaligment issue.

I don't have a sive demo for you to check and my complete project is to big to post it here but I think you could just easily take your own demo projects and add the css .rsInnerFix rule and you will get the same misaligment issue.

Greetings,
Richard Huber.

[Peter]

Hi Richard,

The misalignment seems to be caused by the scrollbar created in the all-day area as a result of the custom css. To compensate for the width of the scrollbar, please try the following workaround

<script type="text/javascript">
       function pageLoad()
       {
           $telerik.$(".rsHorizontalHeaderTable").first().css("padding-right", "13px");
       }
   </script>

We use client script because there isn't a way to differentiate in terms of css selectors between the header row and the all day row.

Regards,
Peter
the Telerik team

[Dhiraj]

Hi Peter ,

I'm having same problem with my kendo scheduler. I'm using Kendo scheduler Html helper version "2015.1.408.545"  .Please let me know what are the css changes I need to do  to make all day event section scroll able.

Thanks in advance :)