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

how to set height of radscheduler in timeline view

3 Answers 385 Views

Scheduler

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

Raj asked on 16 Dec 2011, 02:40 PM

scheduler.PNG

<%@ 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

answered on 18 Dec 2011, 01:23 PM

events.PNG

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.