Width problem when running on IIS

[Clayton]

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>

[Peter]

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

[Clayton]

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.

[Peter]

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

[Clayton]

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