Timeline Row Height / Auto Height

9 posts, 0 answers
  1. Anders
    Anders avatar
    7 posts
    Member since:
    Nov 2008

    Posted 07 Apr 2011 Link to this post

     Hi,

    I am using the timeline view for RadScheduler. By default the scheduler has a fixed height and resource headers height is the total height divided by number of resources(see screen shoots). Is it possible to have the height of the scheduler to auto increase when new resources are added, so that the resources always has a fixed height? And if so how can I accomplish that?



    Thank you,
    Anders
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Apr 2011 Link to this post

    Hello Anders,

    You can set the RowHeight property for RadScheduler. For example, try RowHeight="50px".


    Regards,
    Peter
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Anders
    Anders avatar
    7 posts
    Member since:
    Nov 2008

    Posted 12 Apr 2011 Link to this post

    Hi I have set RowHeight="40px" but the problem is that the whole control has a fixed height so the rowheight is auto adjust. I want it to be the opposite, that the control heights grows with the number of rows/resources. Is there any setting for that?


    Thanks!
  4. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Apr 2011 Link to this post

    Hello Anders,

    You should be able to get the desired behaviour if you do not set Height for RadScheduler explicitly.

    Kind regards,
    Peter
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Anders
    Anders avatar
    7 posts
    Member since:
    Nov 2008

    Posted 12 Apr 2011 Link to this post

    The rowheight or the control hight properties doesn't seem to have any affect on the rendering of the control.
    It used to work with 2009 3.5 then we switch to 2010 4.0 and now the control has a fixed height in Timeline View. Is there a bug or a new setting we don't know about?

    In the code below we set the height to 500px and for all other views that seems to be correct, for timeline its some other wiered height. And if we remove the height property the timeline view its always the same, if height is set or not. (Please see Month.png vs Timeline.png)

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="manager" runat="server">
            </telerik:RadScriptManager>
            <telerik:RadScheduler ID="scheduler" runat="server" Height="500px" SelectedView="TimelineView"
                RowHeight="40px" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start"
                DataEndField="End">
                <TimelineView NumberOfSlots="192" SlotDuration="0:15" ColumnHeaderDateFormat="h tt"
                    TimeLabelSpan="4" ShowInsertArea="false" />
            </telerik:RadScheduler>
        </div>
        </form>
    </body>
    </html>


    Thanks,
    Anders
  6. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 18 Apr 2011 Link to this post

    Hi Anders,

    There is indeed a minimum height that is maintained in Timeline view. The reason for this is to accommodate the popup calendar and the inline form.

    If you specify what exactly you need to achieve, we will try to find a workaround


    All the best,
    Peter
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  7. Anders
    Anders avatar
    7 posts
    Member since:
    Nov 2008

    Posted 18 Apr 2011 Link to this post

    Hi,

    Thanks for the update! We are not using any of the inbuilt popup or inline forms, so what we would like to achieve is to have the rowheight as the minimum height (plus the timeline and those bars). So that when we have only one resource its the rowheight plus extra bars and when two resources are added the have 2 * rowheight plus the bars. Is that possible?
  8. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 21 Apr 2011 Link to this post

    Hi Anders,

    If you need to reduce the default minimum height in timeline view, you can use the following css:
    .rsTimelineView .rsAllDayRow 
          {
               height:40px !important;    
          }


    All the best,
    Peter
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  9. Anders
    Anders avatar
    7 posts
    Member since:
    Nov 2008

    Posted 21 Apr 2011 Link to this post

    Thank you everything works fine now! Solved it with a combination of:

    .rsMainHeader th, { height: 45px !important;}
     .rsAllDayRow { height: 40px !important;}
Back to Top