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

how to set height of radscheduler in timeline view

3 Answers 282 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Raj
Top achievements
Rank 1
Raj asked on 16 Dec 2011, 02:40 PM
<%@ 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 

3 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 16 Dec 2011, 03:57 PM
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
0
Raj
Top achievements
Rank 1
answered on 18 Dec 2011, 01:23 PM
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.
0
Peter
Telerik team
answered on 19 Dec 2011, 11:18 AM
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
Tags
Scheduler
Asked by
Raj
Top achievements
Rank 1
Answers by
Peter
Telerik team
Raj
Top achievements
Rank 1
Share this question
or