CSS height

17 posts, 0 answers
  1. Joey
    Joey avatar
    32 posts
    Member since:
    Feb 2008

    Posted 06 Aug 2008 Link to this post

    How do I tell the RadScheduler to use 100% of the height of it's parent containter?

    Height

    ="100%"

    does not work in IE6.
  2. Joey
    Joey avatar
    32 posts
    Member since:
    Feb 2008

    Posted 06 Aug 2008 Link to this post

    also is there a built in property for telling the scheduler to automatically adjust it's height based on it's container's height?
  3. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 07 Aug 2008 Link to this post

    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.
  4. Richard
    Richard avatar
    15 posts
    Member since:
    Mar 2008

    Posted 11 Aug 2008 Link to this post

    When I try your sample I get javascript errors on the page and it doesn't work. 

    Thanks!
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 11 Aug 2008 Link to this post

    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.
  6. Richard
    Richard avatar
    15 posts
    Member since:
    Mar 2008

    Posted 11 Aug 2008 Link to this post

    Alex,
    Width works great - not seeing the height do anything but add a scrollbar which seems to defeat the purpose of this!

    Thanks,
    Rich
  7. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 12 Aug 2008 Link to this post

    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.
  8. Richard
    Richard avatar
    15 posts
    Member since:
    Mar 2008

    Posted 12 Aug 2008 Link to this post

    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
  9. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 13 Aug 2008 Link to this post

    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.
  10. Richard
    Richard avatar
    15 posts
    Member since:
    Mar 2008

    Posted 13 Aug 2008 Link to this post

    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
  11. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 14 Aug 2008 Link to this post

    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.
  12. Richard
    Richard avatar
    15 posts
    Member since:
    Mar 2008

    Posted 14 Aug 2008 Link to this post

    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
  13. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 15 Aug 2008 Link to this post

    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.
  14. Joey
    Joey avatar
    32 posts
    Member since:
    Feb 2008

    Posted 19 Aug 2008 Link to this post

    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.

  15. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 20 Aug 2008 Link to this post

    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.
  16. Jess
    Jess avatar
    6 posts
    Member since:
    Aug 2008

    Posted 17 Dec 2008 Link to this post

    I am interested in how you would hide the vertical scroll bar when it is "grayed" out on the scheduler.

    Thanks.
  17. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 19 Dec 2008 Link to this post

    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.
Back to Top