This is a migrated thread and some comments may be shown as answers.

CSS height

16 Answers 171 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Joey
Top achievements
Rank 1
Joey asked on 06 Aug 2008, 10:51 PM
How do I tell the RadScheduler to use 100% of the height of it's parent containter?

Height

="100%"

does not work in IE6.

16 Answers, 1 is accepted

Sort by
0
Joey
Top achievements
Rank 1
answered on 06 Aug 2008, 10:57 PM
also is there a built in property for telling the scheduler to automatically adjust it's height based on it's container's height?
0
Alex Gyoshev
Telerik team
answered on 07 Aug 2008, 12:04 PM
Hi Joey,

I am attaching a sample page that should answer your questions - it includes a 100% by 100% RadScheduler in a page.

The overflow:hidden of the RadScheduler wrapper div is needed only under IE6, to make the adjustheight methods work when decreasing the height of the scheduler. The calls are needed under all browsers, because they set the height of the content area in pixels.

All the best,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Richard
Top achievements
Rank 1
answered on 11 Aug 2008, 02:04 PM
When I try your sample I get javascript errors on the page and it doesn't work. 

Thanks!
0
Alex Gyoshev
Telerik team
answered on 11 Aug 2008, 03:03 PM
Hi Richard,

I've included the page in a sample project that you can find attached to this page - I guess this will be easier to run it that way.

All the best,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Richard
Top achievements
Rank 1
answered on 11 Aug 2008, 03:57 PM
Alex,
Width works great - not seeing the height do anything but add a scrollbar which seems to defeat the purpose of this!

Thanks,
Rich
0
Alex Gyoshev
Telerik team
answered on 12 Aug 2008, 07:47 AM
Hello Richard,

Could you please provide a picture of what you are trying to achieve?

Kind regards,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Richard
Top achievements
Rank 1
answered on 12 Aug 2008, 01:52 PM
Alex,
Not really.  If I could provide a picture then I would have it working :)

In your project when I manually resize the window the calendar keeps fitting width wise (perfect).  However the height doesn't change - a scrollbar is added instead.  If I am missing the point of this and the height wasn't supposed to change too, my apologies.

Rich
0
Alex Gyoshev
Telerik team
answered on 13 Aug 2008, 02:53 PM
Hi Richard,

I am attaching two videos of the same project running on our side, with correct resizing of the RadScheduler. Please let us know exactly which scrollbars you want to hide so that we provide a solution.

Kind regards,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Richard
Top achievements
Rank 1
answered on 13 Aug 2008, 04:21 PM
Alex,
The scroll bar on the right side that handles the scrolling of the page to show the whole calendar is what I am talking about.

My other post on printing losing colors and changing the display area of appointments is actually far more critical than this.  I haven't gotten a response on that one so if you could take a look at that one I would be greatful.  That one is preventing us from going live at a client site- this one isn't.

Rich
0
Alex Gyoshev
Telerik team
answered on 14 Aug 2008, 08:23 AM
Hello Richard,

We do not reproduce the issue at our side. Please open a support ticket and either attach a sample project or provide a live URL to enable us to help you.

Best wishes,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Richard
Top achievements
Rank 1
answered on 14 Aug 2008, 10:46 PM
Alex,
The video you provided also illustrates my problem.  As you change the size of the form you can continue to see the entire week - that is what I call horizontal changing of the calendar and that works great.  The width of each day gets smaller so the whole week fits on the available area of the browser.

However as you change the form to be smaller - you continue to lose hours on the left side of the screen.  In my case I would be doing this with the month view - but that works the same.  The Veritcal size of the calendar is not changing to match the horizontal changing.  A scroll bar is made visible that allows you to scroll to see the parts of the day or month that is missing - but that isn't what I want to have happen.  I want the hieght of each hour or day to change to only use up the browser space that exists.

I am sure it is me who didn't explain it correct as you guys have been terrific - hopefully this makes more sense.

Rich
0
Alex Gyoshev
Telerik team
answered on 15 Aug 2008, 09:21 AM
Hello Richard,

Gosh, sorry for the misunderstanding. The last explanation was followed by a huge "A-haa" on my side.

This effect can be achieved using some nifty client-side scripting - setting CSS rules using JavaScript. I am attaching the sample page with adjusted styling / scripting. I guess this functionality is not that usable in other views, but if you need it, let me know.

Greetings,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Joey
Top achievements
Rank 1
answered on 19 Aug 2008, 08:55 PM
Thanks, this is auto sizing on the page now but I have a RadMenu that is taking up approximately 40 pixels and the _adjustHeight() method isn't taking this into account. How do I adjust the height of the scheduler to take the RadMenu into account?

In other words the scheduler extends 40 pixels past the bottom of the screen causing the IE scroll bar to appear. I don't want to see the IE scroll bar in this instance.

0
Alex Gyoshev
Telerik team
answered on 20 Aug 2008, 10:25 AM
Hello Joey,

Adjust the following line in the JavaScript function adjustMonthViewCellsHeight (line 113 of the page I sent earlier in this thread) according to your taste:
var offset = 37; // header height + footer height + borders, etc. 

E.g. if the RadMenu is 40px high, the line should become var offset = 77;

Greetings,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jess
Top achievements
Rank 1
answered on 17 Dec 2008, 07:37 PM
I am interested in how you would hide the vertical scroll bar when it is "grayed" out on the scheduler.

Thanks.
0
Alex Gyoshev
Telerik team
answered on 19 Dec 2008, 09:34 AM
Hello Jess,

Since the scrollbar is used when calculating the width of the containers, the easy work-around would be to use OverflowBehavior="Expand".

If that is not the solution that you are looking for, there may be a very nasty trick of overriding the layout routines and apply some custom styles. Let us know if you need it to be researched.

All the best,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Scheduler
Asked by
Joey
Top achievements
Rank 1
Answers by
Joey
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Richard
Top achievements
Rank 1
Jess
Top achievements
Rank 1
Share this question
or