Removing RadScheduler scrollbar

[ewart]

I've discovered the already good looking scheduler looks GREAT without it's scrollbar in monthly mode, so much better you'll definetly want this view as a default if you use month mode.  check it out, code below:

.RadScheduler_Office2007 .rsColumnHeaderLastCell
{
  display: none;
}

.RadScheduler_Office2007 .rsScrollingContent
{
   overflow:hidden !important;       /* was:        overflow: auto;*/
   overflow-y: none !important;       /* not sure necessary, was: overflow-y: scroll;*/
}

(Height property has to be set large enough) This is excellent in month view but I need the scroll bar to still display in day and week views.  I've examined the HTML radscheduler generates and experimented a lot with rsContent .rsHorizontal rsScrollingContent rsMonthView and rsWeekView but no joy, and there is no ID output for the <DIV> either.

I was thinking about a little bit of JS to simply change the style when they click the different views, but there doesn't seem to be an event I can hook.   Telerik, do you think with more persistance I can solve this or is it a feature request?

cheers
ewart


ps the scheduler is missing a print style sheet and this change also makes the printed version look way better as long as you also get rid of the header:

     .RadScheduler_Office2007 .rsHeader
       {
        display: none !important;
       }

[Dimitar Milushev]

Hi Ewart,

You can achieve this much easier if you set the OverflowBehavior to Expand when in MonthView. You can override the OnPreRender method of the page to achieve this. For example:

protected override void OnPreRender(EventArgs e)
{
    if (RadScheduler1.SelectedView == SchedulerViewType.MonthView)
    {
        RadScheduler1.OverflowBehavior = OverflowBehavior.Expand;
    }
    else
    {
        RadScheduler1.OverflowBehavior = OverflowBehavior.Scroll;
    }

    base.OnPreRender(e);
}

This way you will retain the scrolling behavior in other Views and the MonthView will be fully expanded without any scrolls. You will not even need to set the Height as the MonthView will expand to accommodate its contents. Be careful, because this can break the layout of your page.

Sincerely yours,
Dimitar Milushev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Rakesh]

Hi,
I tried use this for WPF RadScheduler.
But there is no such 'OverflowBehavior' property.
Could you help me sorting out this behavior for WPF?
Thanks in advance.

 

 

[Rosi]

Hello Rakesh,

I suggest you set the MonthViewScrollBarVisibility property of RadScheduler to "Collapsed".

Regards,
Rosi
the Telerik team

[Rakesh]

Hi Rossi,

Thanks for your reply.
Unfortunately it didnot solve my problem.
Please find attached image.

I dont want to show scrollbar in DayView.
Reason for that is, I want to see entire day without scrolling up and down.

Note: Problem is with WPF telerik RadScheduler

[Rosi]

Hi Rakesh,

Please find the attached project illustrating how you can stretch the Scheduler. It is placed inside a GridRow with Height="Auto". However this will cause the Scheduler to stretch and will not show ScrollBar but the Scheduler will be cut off if there is not enough space. That is why I placed ScrollViewer around the Scheduler. Is this that you want to achieve? If this is not the case, could you please send us the screenshot again to review it? (We didn't receive it by some reason).

Best wishes,
Rosi
the Telerik team

[Rakesh]

Source code is not compiling here.

Missing dlls: Microsoft.CSharp and System.xaml.

I tried to search them using AddReferences -> .Net assemblies.
But could not found one.

My problem is, I want to see all appointments in day without scrolling view.
In short, telerik should be able to display entire day view in available area without cut off...

E.g. If I provide height of 300, all apointments should be displayed in that area.
If I provide height of 600, all appointments should readjust their regions to fit in that area.

I mean view should be resizable one.

[I could not upload image here. (size is way below 2 mb limit)]

[Pana]

Hi Rakesh,

Thank you for the detailed explanation. Such changes in the layout can be done using custom templates for the controls. I have attached 2 movies showing how you can edit the Scheduler in Blend. There is a Scheduler.xaml file attached that has the Complete OfficeBlack styles for RadScheduler. Also the project I worked with is there so you can just copy the xaml file with the scheduler style in your project, merge the resource dictionary and use the Style on your scheduler. The project was created using Blend 4 and VS2010 but the style can be use in VS2008 and Blend 3. If you need something else or you need the resources for different version we will be able to provide them. I hope the DayView layout will work well for you now.

Greetings,
Panayot
the Telerik team

[Rakesh]

Hi Panayot,

I could not see the attachments.

Could you check it?

Note: I am working with WPF Rad Scheduler

Thanks,
Rakesh

[Pana]

Hello Rakesh,

Maybe the file size was too large. I have separated the movies from the code.

Sincerely yours,
Panayot
the Telerik team

[Pana]

Hello Rakesh,

Ok the files appear now. If you have further questions we will be here to reply.

Sincerely yours,
Panayot
the Telerik team