I am trying to use a custom skin on a gird. I have the skin created and working in most instances except this one:
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Controls/Examples/Integration/GridEditors/DefaultCS.aspx
When I set the skin on the grid to:
and declare the css:
the images for the datetimepicker do not show. When I look at the properties the image path is not correct. I have set the ImagesPath for the grid images (although I have only seen this make a difference on the paging images - am I using if wrong?)
How do I get the correct images for the column editors when using a custom skin?
I also can't get the code to update the data base. The two dates (start and end) get submitted but the two
The code behind adds a project ID to the SQL statement but that is it.
Any ideas on how to use custom skins with this?
Thanks
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Controls/Examples/Integration/GridEditors/DefaultCS.aspx
When I set the skin on the grid to:
Skin
="DWDS" EnableEmbeddedSkins="false"
and declare the css:
<
link href="/Skins/DWDS/Grid.DWDS.css" rel="stylesheet" type="text/css" />
<
link href="/Skins/DWDS/Calendar.DWDS.css" rel="stylesheet" type="text/css" />
<
link href="/Skins/DWDS/Editor.DWDS.css" rel="stylesheet" type="text/css" />
the images for the datetimepicker do not show. When I look at the properties the image path is not correct. I have set the ImagesPath for the grid images (although I have only seen this make a difference on the paging images - am I using if wrong?)
How do I get the correct images for the column editors when using a custom skin?
I also can't get the code to update the data base. The two dates (start and end) get submitted but the two
GridHTMLEditorColumn
send null (on Firefox but on IE 7 they send the value). Part of this problem stems from the Editor picking up some of the styles from my sites stylesheet. I will post that in the Editor section.<asp:Content ID="myBody" runat="server" ContentPlaceHolderID="cphBody"> |
<link href="/Skins/DWDS/Grid.DWDS.css" rel="stylesheet" type="text/css" /> |
<link href="/Skins/DWDS/Calendar.DWDS.css" rel="stylesheet" type="text/css" /> |
<link href="/Skins/DWDS/Editor.DWDS.css" rel="stylesheet" type="text/css" /> |
<h2>Calendar Management</h2> |
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadGrid2"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="25"> |
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> |
</telerik:RadAjaxLoadingPanel> |
<telerik:RadGrid ID="RadGrid2" runat="server" AllowAutomaticInserts="True" AllowAutomaticDeletes="True" AllowAutomaticUpdates="True" Width="100%" AutoGenerateColumns="false" |
AllowPaging="true" PageSize="15" DataSourceID="SqlDataSource1" AllowSorting="true" Skin="DWDS" EnableEmbeddedSkins="false" ImagesPath="/Skins/DWDS/Grid/"> |
<MasterTableView CommandItemDisplay="Top" DataKeyNames="ID" Width="100%" EditMode="EditForms"> |
<CommandItemTemplate> |
<asp:LinkButton Style="vertical-align: bottom" ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# RadGrid2.EditIndexes.Count == 0 %>'> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Edit.gif" /> Edit Calendar Entry |
</asp:LinkButton> |
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid2.EditIndexes.Count > 0 %>'> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Update.gif" /> Update Calendar |
</asp:LinkButton> |
|
<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# RadGrid2.EditIndexes.Count > 0 || RadGrid2.MasterTableView.IsItemInserted %>'> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Cancel.gif" /> Cancel editing |
</asp:LinkButton> |
|
<asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !RadGrid2.MasterTableView.IsItemInserted %>'> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/AddRecord.gif" /> Add new Calendar Entry</asp:LinkButton> |
<asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert" Visible='<%# RadGrid2.MasterTableView.IsItemInserted %>'> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Insert.gif" /> Add this Entry</asp:LinkButton> |
|
<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected calendar entries?')" runat="server" CommandName="DeleteSelected" > |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Delete.gif" /> Delete Selected Entries |
</asp:LinkButton> |
|
<asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"> |
<img style="border:0px" alt="" src="/Skins/DWDS/Grid/Refresh.gif" /> Refresh Calendar list |
</asp:LinkButton> |
<br /> |
|
</CommandItemTemplate> |
<Columns> |
<telerik:GridEditCommandColumn ButtonType="ImageButton" UpdateImageUrl="/Skins/DWDS/Grid/Update.gif" |
EditImageUrl="/Skins/DWDS/Grid/Edit.gif" InsertImageUrl="/Skins/DWDS/Grid/Insert.gif" |
CancelImageUrl="/Skins/DWDS/Grid/Cancel.gif" UniqueName="EditCommandColumn"> |
<HeaderStyle Width="25px" /> |
</telerik:GridEditCommandColumn> |
<telerik:GridButtonColumn ConfirmText="Delete this entry?" ButtonType="ImageButton" ImageUrl="/Skins/DWDS/Grid/Delete.gif" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"> |
<HeaderStyle Width="25px" /> |
<ItemStyle Width="25px" /> |
</telerik:GridButtonColumn> |
<telerik:GridBoundColumn DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" UniqueName="ID" Visible="False" /> |
<telerik:GridDateTimeColumn HeaderText="Start Time/Date" UniqueName="st" DataField="EventDateBeg" PickerType="DateTimePicker" /> |
<telerik:GridDateTimeColumn HeaderText="End Time/Date" UniqueName="et" DataField="EventDateEnd" PickerType="DateTimePicker" /> |
<telerik:GridHTMLEditorColumn HeaderText="Entry Name" UniqueName="EventName" DataField="EventName" /> |
<telerik:GridHTMLEditorColumn HeaderText="Entry Description" UniqueName="EventDescription" DataField="EventDescription" /> |
</Columns> |
<EditFormSettings CaptionDataField="EventDateBeg" CaptionFormatString="Edit properties of Calendar Entry: {0}" > |
<FormTableItemStyle Wrap="False" Width="300px"></FormTableItemStyle> |
<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle> |
<FormMainTableStyle GridLines="Horizontal" CellSpacing="10" CellPadding="10" BackColor="White" /> |
<FormTableStyle CellSpacing="5" CellPadding="5" CssClass="module" Height="110px" BackColor="White" /> |
<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle> |
<EditColumn ButtonType="ImageButton" UpdateImageUrl="/Skins/DWDS/Grid/Update.gif" |
EditImageUrl="/Skins/DWDS/Grid/Edit.gif" InsertImageUrl="/Skins/DWDS/Grid/Insert.gif" |
CancelImageUrl="/Skins/DWDS/Grid/Cancel.gif" InsertText="Insert Order" UpdateText="Update record" |
UniqueName="EditCommandColumn1" CancelText="Cancel edit"> |
</EditColumn> |
<FormTableButtonRowStyle HorizontalAlign="Left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle> |
</EditFormSettings> |
</MasterTableView> |
</telerik:RadGrid> |
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:oConnDW %>" SelectCommand="Calendar_List" SelectCommandType="StoredProcedure" |
UpdateCommand="Calendar_Update_B" UpdateCommandType="StoredProcedure" DeleteCommand="Calendar_Delete_By_ID" DeleteCommandType="storedprocedure" InsertCommand="Calendar_Insert_B" |
InsertCommandType="storedprocedure"> |
<UpdateParameters> |
<asp:Parameter Name="EventDateBeg" Type="datetime" /> |
<asp:Parameter Name="EventDateEnd" Type="datetime" /> |
<asp:Parameter Name="EventName" Type="string" /> |
<asp:Parameter Name="EventDescription" Type="string" /> |
</UpdateParameters> |
<InsertParameters> |
<asp:Parameter Name="EventDateBeg" Type="datetime" /> |
<asp:Parameter Name="EventDateEnd" Type="datetime" /> |
<asp:Parameter Name="EventName" Type="string" /> |
<asp:Parameter Name="EventDescription" Type="string" /> |
</InsertParameters> |
<DeleteParameters> |
<asp:Parameter Name="ID" Type="int16" /> |
</DeleteParameters> |
</asp:SqlDataSource> |
</asp:Content> |
The code behind adds a project ID to the SQL statement but that is it.
Any ideas on how to use custom skins with this?
Thanks