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

Client side resizing

1 Answer 201 Views

Scheduler

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

Jacob asked on 18 Dec 2014, 03:35 PM

I have the scheduler implemented in an iframe, where clicking on Day, Week, or Month view opens up a popup window with the scheduler displayed again. Because this window is resizable (except in IE), Id like the scheduler to resize with the window. Currently this can be achieved by setting the width to 100% on its parent container. The problem is that the scheduler grows larger, but does not shrink with the window. So I when I try to re-shrink the window the right side of the scheduler just gets covered up instead of shrinking like I expect. If a postback is fired then the scheduler resizes correctly, but there has to be a better solution than that. Is there a setting I am missing? Maybe there is a possible workaround? Here is the aspx code of the table that contains the scheduler.Tthere aren't any JavaScript blocks associated with resizing at this point. Any Help is appreciated.

<table style="width:100%;">

<tr style="text-align:center;">

<td style="vertical-align:top;">

<table id="inputs" style="height:50px;">

<tr>

<td style="width:50%;"></td>

<td style="text-align:right; vertical-align:middle;">Type:</td>

<td style="vertical-align:middle;">

<telerik:RadComboBox

CheckBoxes="true"

runat="server"

ID="cmbCheckAppointmentType"

OnItemChecked="cmbCheckAppointmentType_ItemChecked"

AutoPostBack="true">

</telerik:RadComboBox>

</td>

<td style="text-align:right; vertical-align:middle;">System:</td>

<td style="vertical-align:middle;">

<telerik:RadDropDownList

runat="server"

ID="ddlSystemType"

OnSelectedIndexChanged="ddlSystemType_SelectedIndexChanged"

AutoPostBack="true">

<Items>

<telerik:DropDownListItem Text="Both" Value="843,835,834" Selected="true" />

<telerik:DropDownListItem Text="Student" Value="835"/>

<telerik:DropDownListItem Text="Business" Value="834" />

</Items>

</telerik:RadDropDownList>

</td>

<td style="width:50%;"></td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<telerik:RadToolTipManager runat="server" ID="telToolTipManager" RelativeTo="Mouse" ShowEvent="OnMouseOver"

Animation="None" HideEvent="LeaveTargetAndToolTip" Text="Loading..." OnAjaxUpdate="telToolTipManager_AjaxUpdate">

</telerik:RadToolTipManager>

<telerik:RadScheduler

runat="server"

ID="telCalendar"

DataKeyField="ID"

DataSubjectField="Subject"

DataDescriptionField="Description"

DataStartField="Start"

DataEndField="End"

DataRecurrenceField="RecurrenceRule"

DataRecurrenceParentKeyField="RecurrenceParentID"

ShowAllDayRow="false"

DayStartTime="07:00:00"

WorkDayStartTime="07:00:00"

DayEndTime="18:00:00"

WorkDayEndTime="18:00:00"

EnableDescriptionField="false"

Width="100%"

Height="600px"

StartEditingInAdvancedForm="false"

AllowDelete="false"

AllowEdit="false"

AdvancedForm-EnableTimeZonesEditing="true"

AgendaView-ResourceMarkerType="Block"

AgendaView-UserSelectable="true"

AgendaView-NumberOfDays="30"

AgendaView-HeaderDateFormat="dd/MMM"

AgendaView-GroupingDirection="Vertical"

AgendaView-TimeColumnWidth="200px"

MonthView-UserSelectable="true"

MonthView-VisibleAppointmentsPerDay="5"

TimelineView-UserSelectable="false"

WeekView-UserSelectable="true"

DayView-UserSelectable="true"

OnClientAppointmentContextMenu="OnClientAppointmentContextMenu"

OnNavigationComplete="telCalendar_NavigationComplete"

OnAppointmentInsert="telCalendar_AppointmentInsert"

OnAppointmentUpdate="telCalendar_AppointmentUpdate"

OnAppointmentDelete="telCalendar_AppointmentDelete"

OnAppointmentCreated="telCalendar_AppointmentCreated"

OnAppointmentDataBound="telCalendar_AppointmentDataBound"

OnDataBound="telCalendar_DataBound"

OnFormCreating="telCalendar_FormCreating"

CustomAttributeNames="FullSubject"

Skin="Silk">

<AdvancedForm Modal="true" />

<TimeSlotContextMenuSettings EnableDefault="false"></TimeSlotContextMenuSettings>

<AppointmentContextMenuSettings EnableDefault="false"></AppointmentContextMenuSettings>

<AppointmentTemplate>

<div style="margin: 0px 3px 0px 3px;">

<asp:Literal ID="AptType" runat="server" Text='<%# Eval("Attributes[\"FullSubject\"]") %>'></asp:Literal>

</div>

</AppointmentTemplate>

</telerik:RadScheduler>

</td>

</tr>

</table>

Client side resizing

1 Answer, 1 is accepted