I running into a problem whereby the Skin styles are not applied to a DatePicker control.The effect is that the calendar cannot be opened (even though it shows my icons which are set manually). The DatePicker is on a custom UserControl used for editing a RadGrid which itself is on a page with a DesignMaster. The RadGrid has the Office2007 skin applied by virtue of a .skin file and theme.
Here is the UserControl markup:
The style "standardTable" is defined as follows:
<telerik:RadGrid ID="ValueGrid" runat="server" AutoGenerateColumns="False" |
Width="100%" GridLines="Horizontal" |
AllowAutomaticDeletes="true" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" |
OnNeedDataSource="ValueGrid_NeedDataSource" |
OnItemDataBound="ValueGrid_ItemDataBound" |
OnDeleteCommand="ValueGrid_DeleteCommand" |
OnInsertCommand="ValueGrid_InsertCommand" |
OnUpdateCommand="ValueGrid_UpdateCommand"> |
<MasterTableView DataKeyNames="Key" CommandItemDisplay="Top" |
NoMasterRecordsText="No additional info data for this contract." |
ShowHeadersWhenNoRecords="true"> |
<Columns> |
<telerik:GridButtonColumn CommandName="Edit" ButtonType="ImageButton" Text="Edit" |
UniqueName="EditCommandColumn" |
ImageUrl="~/App_Themes/Default/buttons/grid_edit.jpg"> |
<HeaderStyle Width="20px" /> |
</telerik:GridButtonColumn> |
<telerik:GridTemplateColumn DataField="Attribute" HeaderText="Type"> |
<HeaderStyle Width="100px" /> |
<ItemStyle Width="100px" /> |
<ItemTemplate> |
<asp:Literal ID="AttributeLabel" runat="server" |
Text='<%#DataBinder.Eval(Container, "DataItem.Attribute.Name") %>' /> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn HeaderText="Value"> |
<HeaderStyle Width="300px" /> |
<ItemStyle Width="300px" /> |
<ItemTemplate> |
<asp:Literal ID="ValueLabel" runat="server" |
Text='<%# ((AttributeValue)DataBinder.Eval(Container, "DataItem")).DisplayMarkup %>' /> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridBoundColumn DataField="Note" HeaderText="Note"> |
<HeaderStyle Width="150px" /> |
<ItemStyle Width="150px" /> |
</telerik:GridBoundColumn> |
<telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="DeleteColumn" CommandName="Delete" |
ImageUrl="~/App_Themes/Default/buttons/grid_delete.jpg" |
ConfirmText="<%$Resources:AvailsResources, DeleteConfirmationGeneral%>"> |
<HeaderStyle Width="20px" /> |
</telerik:GridButtonColumn> |
</Columns> |
<CommandItemSettings AddNewRecordText="Add" /> |
<EditFormSettings |
UserControlName="~/Controls/AttributeValueEdit.ascx" |
EditFormType="WebUserControl" > |
<EditColumn ButtonType="ImageButton" |
InsertImageUrl="~/App_Themes/Default/buttons/grid_add.jpg" |
UpdateImageUrl="~/App_Themes/Default/buttons/grid_update.jpg" |
CancelImageUrl="~/App_Themes/Default/buttons/grid_cancel.jpg"> |
</EditColumn> |
</EditFormSettings> |
</MasterTableView> |
</telerik:RadGrid> |
Here is the UserControl markup:
<table class="standardTable"> |
<colgroup> |
<col width="80px" /> |
<col width="100%" /> |
</colgroup> |
<tr> |
<td> |
<asp:Label ID="AttributeLabel" runat="server" meta:resourcekey="AttributeLabel" /></td> |
<td> |
<asp:DropDownList ID="AttributeEdit" runat="server" AutoPostBack="True" |
Width="200px" |
DataValueField="Key" DataTextField="Name" |
OnSelectedIndexChanged="AttributeEdit_SelectedIndexChanged"> |
</asp:DropDownList> |
</td> |
</tr> |
<tr> |
<td> |
<asp:Label ID="ValueLabel" runat="server" meta:resourcekey="ValueLabel" /> |
</td> |
<td> |
<telerik:RadDatePicker ID="ValueDateEdit" runat="server" Width="104px" Skin="Web20"> |
<Calendar ID="ValueDateCalendar" runat="server" Skin="Web20"> |
</Calendar> |
<DateInput runat="server" EnabledStyle-HorizontalAlign="Right" Skin="Default" MinDate="1900-01-01" DateFormat="<%$ SystemSetting:ShortDatePattern %>" /> |
<DatePopupButton ImageUrl="~/App_Themes/Default/icons/icon_datePickerPopup.gif" |
HoverImageUrl="~/App_Themes/Default/icons/icon_datePickerPopupHover.gif" /> |
</telerik:RadDatePicker> |
</td> |
</tr> |
<tr> |
<td> |
<asp:Label ID="NoteLabel" runat="server" meta:resourcekey="NoteLabel" /></td> |
<td> |
<asp:TextBox ID="NoteEdit" runat="server" Width="150px" /> |
</td> |
</tr> |
<tr> |
<td colspan="2"> |
<asp:Button ID="SaveButton" runat="server" CommandName="Update" meta:resourcekey="SaveButton" /> |
<asp:Button ID="CancelButton" runat="server" meta:resourcekey="CancelButton" |
CausesValidation="False" CommandName="Cancel" /> |
</td> |
</tr> |
</table> |
The style "standardTable" is defined as follows:
table.standardTable |
{ |
table-layout : fixed; |
border : none 0px; |
border-collapse : collapse; |
border-spacing : 0px; |
} |
table.standardTable select, table.standardTable input |
{ |
font : menu; |
} |