how to set height of radscheduler in timeline view

4 posts, 0 answers
  1. Raj
    Raj avatar
    3 posts
    Member since:
    Nov 2011

    Posted 16 Dec 2011 Link to this post

    <%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Calendar.master"
        CodeFile"schedulersample" Inherits="schedulersample" %>
      
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
      
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
        <table style="width: 100%;" id="tblMain">
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td width="15px">
                </td>
                <td colspan="3" class="title" width="99%">
                    <div class="floatL font21">
                        <asp:Label ID="lblmultiuser" runat="server" Text="Multi user- "></asp:Label>
                        <asp:Label ID="lblTitle" runat="server" Text=""></asp:Label>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <hr />
                </td>
            </tr>
            <tr>
                <td width="15px">
                </td>
                <td style="width: 100%;">
                    <table>
                        <tr>
                            <td>
                                <asp:HiddenField ID="hdnFldInviteUsers" runat="server" />
                                <asp:HiddenField ID="hdnRdSchedulerSelectedDate" runat="server" />
                                <asp:Label ID="lblSelectGroup" runat="server" Text="Select group :"></asp:Label>
                            </td>
                            <td class="style1">
                                <asp:DropDownList ID="ddlGroup" runat="server" Width="150px" OnSelectedIndexChanged="ddlGroup_SelectedIndexChanged"
                                    AutoPostBack="true">
                                </asp:DropDownList>
                            </td>
                            <td>
                                <div class="buttonEnding" align="center" style="vertical-align: middle;">
                                    <asp:Button runat="server" ID="btnCreateGroup" Text="Create group" OnClick="btnCreateGroup_Click"
                                        CssClass="button"></asp:Button>
                                </div>
                               
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:CheckBox ID="chkWildCard" runat="server" Text="Filter users" OnCheckedChanged="chkWildCard_CheckedChanged"
                                    Checked="false" Visible="true" AutoPostBack="true" />
                            </td>
                            <td class="style1">
                                <asp:DropDownList ID="ddlWildCard" runat="server" Enabled="false" Width="150" AutoPostBack="true">
                                </asp:DropDownList>
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtWildCard" runat="server" Enabled="false" Width="100" Skin="Office2007">
                                </telerik:RadTextBox>
                            </td>
                            <td>
                                <div class="buttonEnding" align="center" style="vertical-align: middle;">
                                    <asp:Button runat="server" ID="btnFilter" Text="Filter users" OnClick="btnFilter_Click"
                                        CssClass="button"></asp:Button>
                                </div>
                                 
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:HiddenField ID="Hidden" runat="server" />
                                <asp:Label ID="lblSelectUsers" runat="server" Text="Select users :"></asp:Label>
                            </td>
                            <td class="style1">
                                <telerik:RadComboBox ID="rdcmbxFilter" runat="server" EmptyMessage="- Please select users -"
                                    AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"
                                    AllowCustomText="true" DataTextField="FirstName" DataValueField="Id" OnClientDropDownClosing="onDropDownClosing"
                                    OnSelectedIndexChanged="rdcmbxFilter_SelectedIndexChanged" Width="150px">
                                    <Items>
                                    </Items>
                                    <ItemTemplate>
                                        <div onclick="StopPropagation(event)">
                                            <asp:CheckBox runat="server" ID="chkRole" Text='<%#Eval("FirstName")%>' onclick="onCheckBoxClick(this)">
                                            </asp:CheckBox>
                                        </div>
                                    </ItemTemplate>
                                    <CollapseAnimation Duration="200" Type="OutQuint" />
                                    <ExpandAnimation Type="OutQuart" />
                                </telerik:RadComboBox>
                            </td>
                            <td>
                                <div class="buttonEnding" align="center" style="vertical-align: middle;">
                                    <asp:Button runat="server" ID="btnGetDetails" Text="Get details" CssClass="button">
                                    </asp:Button>
                                </div>
                             
                            </td>
                              
                              
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <table width="100%">
                        <tr>
                            <td width="17px">
                            </td>
                            <td>
                                <table>
                                    <tr>
                                        <td valign="top">
                                              
                                              
                                            <telerik:RadButton ID="rdbtnuser" runat="server" ToolTip="Single User Scheduler"
                                                OnClick="rdbtnuser_Click" Width="18" Icon-PrimaryIconUrl="~/Images/1.png" Icon-PrimaryHoveredIconUrl="~/Images/11.png"
                                                Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21" Icon-PrimaryIconLeft="-1"
                                                Icon-PrimaryIconTop="0">
                                               
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rdbtnMuser" runat="server" ToolTip="Multi User Scheduler"
                                                OnClick="rdbtnMuser_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"
                                                Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/21.png" Icon-PrimaryIconTop="0">
                                              >
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rdbtnDay" runat="server" ToolTip="Multi User Scheduler Day"
                                                OnClick="rdbtnDay_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"
                                                Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/4.png" Icon-PrimaryHoveredIconUrl="~/Images/41.png"
                                                Icon-PrimaryIconTop="0">
                                                 
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rdbtnWeek" runat="server" ToolTip="Multi User Scheduler Week"
                                                OnClick="rdbtnWeek_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"
                                                Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/5.png" Icon-PrimaryHoveredIconUrl="~/Images/51.png"
                                                Icon-PrimaryIconTop="0">
                                                 
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rdbtnMonth" runat="server" ToolTip="Multi User Scheduler Month"
                                                OnClick="rdbtnMonth_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"
                                                Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/6.png" Icon-PrimaryHoveredIconUrl="~/Images/61.png"
                                                Icon-PrimaryIconTop="0">
                                               
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rdbtnTimeLine" runat="server" Skin="Office2007" Text="TL"
                                                Visible="false">
                                            </telerik:RadButton>
                                        </td>
                                        <td valign="middle" style="padding-top: 2px;">
                                            <div class="buttonEnding" align="center" style="vertical-align: middle;">
                                                <asp:Button runat="server" ID="rdbtnNewEvent" Text="Create new meeting" OnClick="rdbtnNewEvent_Click"
                                                    CssClass="button"></asp:Button>
                                            </div>
                                             
                                        </td>
                                        <td>
                                            <asp:CheckBox ID="chkWeekends" runat="server" Text="Show weekends" Visible="false"
                                                AutoPostBack="true" OnCheckedChanged="chkWeekends_CheckedChanged" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td width="17px">
                            </td>
                            <td height="10px">
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td width="17px">
                            </td>
                            <td style="height:100%" colspan="4">
                                <telerik:RadScheduler runat="server" Height="800px" ID="RdSchMultiUsers" Skin="Office2007" CssClass="rsAllDayCell" GroupBy="Date,FirstName"
                                    StartInsertingInAdvancedForm="true" EnableDescriptionField="false" DataKeyField="ID"
                                    DisplayRecurrenceActionDialogOnMove="true" DataDescriptionField="Description"
                                    DataEndField="End" DataStartField="Start" DataSubjectField="Subject" AllowInsert="true"
                                   
                                    OnAppointmentClick="RdSchMultiUsers_AppointmentClick" OnFormCreated="RdSchMultiUsers_FormCreated"
                                    Reminders-Enabled="true" DataReminderField="Reminder" AllowEdit="false" OnResourceHeaderCreated="RdSchMultiUsers_ResourceHeaderCreated"
                                    OnAppointmentDelete="RdSchMultiUsers_AppointmentDelete" MinimumInlineFormHeight="800" 
                                    OnNavigationComplete="RdSchMultiUsers_NavigationComplete" OnReminderDismiss="RdSchMultiUsers_ReminderDismiss"
                                    OnReminderSnooze="RdSchMultiUsers_ReminderSnooze" OnAppointmentUpdate="RdSchMultiUsers_AppointmentUpdate" OverflowBehavior="Expand" 
                                    OnAppointmentInsert="RdSchMultiUsers_AppointmentInsert" OnAppointmentCreated="RdSchMultiUsers_AppointmentCreated" >
                                    <AdvancedForm Modal="true"  />
                                    <MonthView GroupBy="Date,FirstName" />
                                    <Reminders Enabled="True" />
                                    <ResourceTypes>
                                        <telerik:ResourceType KeyField="Id" Name="FirstName" TextField="FirstName" ForeignKeyField="UserID" />
                                    </ResourceTypes>
                                    <TimelineView NumberOfSlots="1" GroupBy="FirstName,Date" GroupingDirection="Vertical"
                                        SortingMode="Global" EnableExactTimeRendering="true" UserSelectable="False">
                                    </TimelineView>
                                    <WeekView UserSelectable="False" />
                                    <DayView UserSelectable="False" />
                                    <MonthView GroupBy="Date,FirstName" UserSelectable="False"></MonthView>
                                    <Reminders Enabled="True"></Reminders>
                                    <ResourceHeaderTemplate>
                                        <table id="rdschHdTable">
                                            <tr>
                                                <td id="tduser" align="left">
                                                    <asp:CheckBox runat="server" ID="ChkUser" OnCheckedChanged="ChkUser_CheckedChanged"
                                                        AutoPostBack="true" />
                                                </td>
                                                <td align="right">
                                                    <asp:Label runat="server" ID="lblUserId" Visible="false"></asp:Label>
                                                </td>
                                            </tr>
                                        </table>
                                    </ResourceHeaderTemplate>
                                </telerik:RadScheduler>
                                <telerik:RadToolTipManager Height="0px" runat="server" ID="RadToolTipManager1" Position="MiddleRight"
                                    Width="280px" Animation="none" HideEvent="ManualClose" RelativeTo="Mouse" OnClientHide="OnClientHide"
                                    EnableShadow="false" RenderInPageRoot="false" AnimationDuration="250" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate"
                                    Skin="Web20">
                                </telerik:RadToolTipManager>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
     </asp:Content>
    hello,

           Recently i have been used radscheduler control . when we are using it for multiuser functionality in timeline view  the height of grid is not displaying as in single user view,in multiuserview the sheduler is seemed to be halkf of its height and even we apply any height to it its not responding. is that problem with timeline view, i am sending an image of that ,please post if u have an idea abot this 

    regrds,
    Raj 
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 16 Dec 2011 Link to this post

    Hello Raj,

    In Timeline View the height of RadScheduler is actually controlled by the RowHeight property.


    Greetings,
    Peter
    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
  3. Raj
    Raj avatar
    3 posts
    Member since:
    Nov 2011

    Posted 18 Dec 2011 Link to this post

    Hello Peter,

    thank u for ur response,i have set the row height property for scheduler in timeline view,its working fine but  its taking the height property in pixels  but not in Percentages. is there any property to set the height in timeline view using percentages? another thing is  i have a schedulers month view which i had attached below ,in that this property is not only setting height for scheduler but also for events in it  which is not needed is there any property  to increase only row height but not the height of events in it,or can we decrease events size?  i request u to please go through the image below.which shows the increased size of event in monthview.

    Regards,
    Raj.
  4. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Dec 2011 Link to this post

    Hello Raj,

    Indeed, RowHeight should be set in pixels since it cannot interpret percentage values. Also, the height of the appointments will depend on the height of the rows. Unfortunately, these peculiarities cannot be avoided.


    Greetings, Peter
    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