Client side resizing

2 posts, 0 answers
  1. Jacob
    Jacob avatar
    2 posts
    Member since:
    Sep 2014

    Posted 18 Dec 2014 Link to this post

    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>
  2. Jacob
    Jacob avatar
    2 posts
    Member since:
    Sep 2014

    Posted 18 Dec 2014 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top