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

Client side resizing

1 Answer 118 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Jacob
Top achievements
Rank 1
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>

1 Answer, 1 is accepted

Sort by
0
Jacob
Top achievements
Rank 1
answered on 18 Dec 2014, 03:43 PM
Resolved.

Found my solution here:

http://www.telerik.com/forums/radscheduler-control-grows-but-doesn-t-shrink

The problem is that I had the scheduler inside a table. Taking it out of the table fixed the issue. Hope this can help other people.
Tags
Scheduler
Asked by
Jacob
Top achievements
Rank 1
Answers by
Jacob
Top achievements
Rank 1
Share this question
or