This is a migrated thread and some comments may be shown as answers.
Width problem when running on IIS
4 Answers 40 Views
This is a migrated thread and some comments may be shown as answers.
Clayton
Top achievements
Rank 1
Clayton asked on 18 Mar 2011, 05:22 PM
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>

4 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 19 Mar 2011, 11:27 AM
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
0
Clayton
Top achievements
Rank 1
answered on 21 Mar 2011, 05:00 PM
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.
0
Accepted
Peter
Telerik team
answered on 23 Mar 2011, 03:49 PM
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
0
Clayton
Top achievements
Rank 1
answered on 01 Apr 2011, 05:59 PM
That seems to have worked! Now radscheduler is correct width when viewed in IE8 and the site is running in IIS
Asked by
Clayton
Top achievements
Rank 1
Answers by
Peter
Telerik team
Clayton
Top achievements
Rank 1
Share this question
or