AdaptiveRowHeight

4 posts, 0 answers
  1. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 07 Apr 2010 Link to this post

    Hi,

    I'm using the AdaptiveRowHeight="true" property within the Month view.  This setting throws up a few problems.  If there are no appointments at all on a row then the whole week row ends up with virtually no height and makes the scheduler look very unbalanced if a subsequent week row has some entries.

    Is there a way to set a minimum number of rows that will be displayed even if there is no data for that week?

    Regards,

    Jon
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 09 Apr 2010 Link to this post

    Hi Jon,

    The solution I came up is to make the .rsDateWrap higher and then push the first appointment up using negative margin:

    <style type="text/css">
        .rsDateWrap { height: 50px !important; }
        .rsFirstWrap { margin-top: -25px !important; }
    </style>

    We need jQuery  to select the first appointment, so we'll have some flicker:

    <script type="text/javascript">
     
        Sys.Application.add_load(function() {
            $telerik.$("td > .rsWrap:nth-child(2)").addClass("rsFirstWrap");
        });
     
    </script>


    We will consider fixing the MinimumRowHeight property to work with AdaptiveRowHeight as well.

    I hope this helps.

    All the best,
    Tsvetomir Tsonev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Neil
    Neil avatar
    8 posts
    Member since:
    Oct 2011

    Posted 10 Nov 2011 Link to this post

    Any news on if this has been fixed yet, or is in the works for release?

    I'm having issues as well.
  4. Plamen
    Admin
    Plamen avatar
    3056 posts

    Posted 15 Nov 2011 Link to this post

    Hi Neil,

    If you want to set height to the empty rows with AdaptiveRowHeight="true", you can use this CSS:
    .rsRow
        {
            height:80px !important;
            }


    Regards,
    Plamen Zdravkov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top