Width problem when running on IIS

5 posts, 1 answers
  1. Clayton
    Clayton avatar
    47 posts
    Member since:
    Nov 2009

    Posted 18 Mar 2011 Link to this post

    I have a RadScheduler that displays fine locally, however when I place the same code on my IIS server, the RadScheduler width is really small. After comparing the 'page source' between locally served page and remotely served page, I noticed the following difference.

    Notice how in the remotely-served page, the width of the two tables is nothing.. "width:;"


    Page hosted locally in VS2010:

    ...
    <table class="rsHorizontalHeaderTable" cellpadding="0" cellspacing="0" border="0" style="height:25px;width:100%;">
    ...
    <table class="rsContentTable" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed;width:100%;">

    Same page hosted on IIS:

    ...
    <table class="rsHorizontalHeaderTable" cellpadding="0" cellspacing="0" border="0" style="height:25px;width:;">
    ...
    <table class="rsContentTable" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed;width:;">

    Here is the definition of my RadScheduler:

    <telerik:RadScheduler runat="server" ID="ContentCalendar" OverflowBehavior="Expand"
        TimeZoneOffset="03:00:00" DayStartTime="08:00:00" DayEndTime="18:00:00" DataSourceID="ContentCalDataSource"
        Skin="Sitefinity" DataKeyField="ContentCalendarItemID" DataSubjectField="Subject"
        DataStartField="Start" DataEndField="End" DataRecurrenceField="RecurrenceRule"
        DataRecurrenceParentKeyField="RecurrenceParentID" DisplayDeleteConfirmation="false"
        CustomAttributeNames="UserID,ContentTypeID,ContentLocationID" SelectedView="MonthView"
        OnClientFormCreated="schedulerFormCreated" EnableViewState="false" MonthView-VisibleAppointmentsPerDay="5"
        StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true" OnClientAppointmentDeleting="OnClientAppointmentDeleting"
        AppointmentStyleMode="Default">
        <AdvancedForm Modal="true" />
        <Reminders Enabled="false" />
        <AdvancedEditTemplate>
            <scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>'
                Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' Description='<%# Bind("Description") %>'
                RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("UserID") %>'
                ContentLocationID='<%# Bind("ContentLocationID") %>' ContentTypeID='<%# Bind("ContentTypeID") %>' />
        </AdvancedEditTemplate>
        <AdvancedInsertTemplate>
            <scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert" Subject='<%# Bind("Subject") %>'
                Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' Description='<%# Bind("Description") %>'
                RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("UserID") %>'
                ContentLocationID='<%# Bind("ContentLocationID") %>' ContentTypeID='<%# Bind("ContentTypeID") %>' />
        </AdvancedInsertTemplate>
        <TimelineView UserSelectable="false" />
        <TimeSlotContextMenuSettings EnableDefault="true" />
        <AppointmentContextMenus>
            <telerik:RadSchedulerContextMenu runat="server" ID="schedulerAppointmentMenu">
                <Items>
                    <telerik:RadMenuItem Text="Edit" Value="CommandEdit" />
                    <telerik:RadMenuItem Text="Delete" Value="CommandDelete" />
                </Items>
            </telerik:RadSchedulerContextMenu>
        </AppointmentContextMenus>
        <TimeSlotContextMenus>
            <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerTimeSlotContextMenu">
                <Items>
                    <telerik:RadMenuItem Text="New Appointment" Value="CommandAddAppointment" />
                    <telerik:RadMenuItem Text="New Recurring Appointment" Value="CommandAddRecurringAppointment" />
                    <telerik:RadMenuItem IsSeparator="true" />
                    <%-- Custom command --%>
                    <telerik:RadMenuItem Text="Go to today" Value="CommandGoToToday" />
                </Items>
            </telerik:RadSchedulerContextMenu>
        </TimeSlotContextMenus>
        <AppointmentContextMenuSettings />
    </telerik:RadScheduler>
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Mar 2011 Link to this post

    Hello Clayton,

    Do you use CDN for your IIS host? Can you send us a live url of the problem?


    Best wishes,
    Peter
    the Telerik team
  3. Clayton
    Clayton avatar
    47 posts
    Member since:
    Nov 2009

    Posted 21 Mar 2011 Link to this post

    Hi Peter, 
    I do not use CDN, and unfortunately I cannot send you a live url (the affected site is on an intranet only).

    I have no other inconsistencies with radcontrols between hosting locally (in VS2010) and when deployed on IIS7 other than this radscheduler. Is there any other info I could provide that would help?

    EDIT: Also worth noting that this issue only appears to happen in IE8 (have not tested IE7 since it's not supported by this project). In Chrome 10 and FF 3.6, the 'width' property above has '100%' in it, rather than nothing.
  4. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 23 Mar 2011 Link to this post

    Hello Clayton,

    Could you please try the following css and let me know if it helps?

    div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable {  width /*\**/: 100%\9 !important; }
      
    *+html div.RadScheduler .rsHorizontalHeaderTable, *+html div.RadScheduler .rsContentTable {     width: auto !important; }


    Best wishes,
    Peter
    the Telerik team
  5. Clayton
    Clayton avatar
    47 posts
    Member since:
    Nov 2009

    Posted 01 Apr 2011 Link to this post

    That seems to have worked! Now radscheduler is correct width when viewed in IE8 and the site is running in IIS
Back to Top