... <telerik:GridBoundColumn DataField="DateTimeFieldDB" DataType="System.DateTime" FilterControlAltText="Filter DateTimeFieldDB column" HeaderText="Date/Time" SortExpression="DateTimeFieldDB" UniqueName="DateTimeCol" HeaderButtonType="LinkButton"> <HeaderStyle Width="150px" /> <FilterTemplate> <telerik:RadDatePicker ID="FromDT" runat="server" Width="70px"/> <telerik:RadDatePicker ID="ToDT" runat="server" Width="70px"/> <telerik:RadButton ID="btnFilterDT" runat="server" Text="Filter" CommandName="cmdFilterDT"> </telerik:RadButton> </FilterTemplate> </telerik:GridBoundColumn>...protected void myGrid_ItemCommand(object sender, GridCommandEventArgs e) { switch (e.CommandName) { case "cmdFilterDT": GridColumn column = myGrid.MasterTableView.GetColumnSafe("DateTimeCol"); GridItem[] fItems = myGrid.MasterTableView.GetItems(GridItemType.FilteringItem); RadDatePicker dpFrom = (RadDatePicker)fItems[0].FindControl("FromDT"); RadDatePicker dpTo = (RadDatePicker)fItems[0].FindControl("ToDT"); string sDateFrom = string.Format("{0: dd/MM/yyyy}", dpFrom.SelectedDate); string sDateTo = string.Format("{0: dd/MM/yyyy}", dpTo.SelectedDate); if (dpFrom.SelectedDate.ToString() != string.Empty && dpTo.SelectedDate.ToString() != string.Empty) { column.CurrentFilterFunction = GridKnownFunction.Between; column.CurrentFilterValue = string.Format("{0} {1}", sDateFrom, sDateTo); } else { column.CurrentFilterFunction = GridKnownFunction.NoFilter; column.CurrentFilterValue = ""; } myGrid.MasterTableView.Rebind(); break; } }<telerik:RadComboBox ID="RadcbCustomersEmail" runat="server" DataSourceID="sdsCustomers" DataTextField="Email" DataValueField="ID" EnableEmbeddedSkins="false" Skin="VistaByMe" ValidationGroup="A" Width="244px" CausesValidation="False" MaxHeight="150px" AppendDataBoundItems="True" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged_RadcbCustomersEmail"> <Items> <telerik:RadComboBoxItem runat="server" Text="plz choose..." Value="-1" /> </Items></telerik:RadComboBox><telerik:RadComboBox ID="RadcbCustomersMobile" runat="server" DataSourceID="sdsCustomers" DataTextField="Mobile" DataValueField="ID" EnableEmbeddedSkins="false" Skin="VistaByMe" ValidationGroup="A" Width="244px" CausesValidation="False" MaxHeight="150px" AppendDataBoundItems="True" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged_RadcbCustomersMobile"> <Items> <telerik:RadComboBoxItem runat="server" Text="plz choose..." Value="-1" /> </Items></telerik:RadComboBox>function OnClientSelectedIndexChanged_RadcbCustomersEmail(sender, eventArgs) { var MobileCombo = $find("<%= RadcbCustomersMobile.ClientID %>"); var ComboItem = MobileCombo.findItemByValue(sender.get_selectedItem().get_value()); MobileCombo.trackChanges(); if (ComboItem != null) ComboItem.select(); MobileCombo.commitChanges();}function OnClientSelectedIndexChanged_RadcbCustomersMobile(sender, eventArgs) { var EmailCombo = $find("<%= RadcbCustomersEmail.ClientID %>"); var ComboItem = EmailCombo.findItemByValue(sender.get_selectedItem().get_value()); EmailCombo.trackChanges(); if (ComboItem != null) ComboItem.select(); EmailCombo.commitChanges();}<telerik:RadDataPager ID="RadDataPager1" runat="server" Style="border: none;" PageSize="2"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> <telerik:RadDataPagerGoToPageField /> </Fields> </telerik:RadDataPager>I added three custom buttons to my RadEditor.
---------------------------------
Added the following to my xml file:
<tools name="CustomToolbar" dockable="true" enabled="true">
<tool name="DatabaseSave" />
<tool name="Open-Print" />
<tool name="Email" />
</tools>
Added the following to my markup:
<style type="text/css">
.reTool .DatabaseSave
{
background-image: url(save.gif);
}
.reTool .Open-Print
{
background-image: url(printer.ico);
}
.reTool .Email
{
background-image: url(email.gif);
}
</style>
<telerik:RadEditor ID="RadEditor1" Runat="server"
ToolsFile="~/Letters/DocMaster/ToolsFile.xml" EditModes="Design" AutoResizeHeight="True"
ClientIDMode="Inherit" Skin="Hay" Width="100%" />
<script type="text/javascript">
Telerik.Web.UI.Editor.CommandList["Save"] = function (commandName, editor, args) {
alert("Pressed Save");
};
Telerik.Web.UI.Editor.CommandList["Open-Print"] = function (commandName, editor, args) {
alert("Pressed Open-Print");
};
Telerik.Web.UI.Editor.CommandList["Email"] = function (commandName, editor, args) {
alert("Pressed Email");
};
</script>
---------------------------------
The buttons showed with their default glippy no problem. The button press function calls came up no problem. I played with everything I could think of to get the background-image little graphics to show on the buttons using every path methodology I knew or could think of, including internal and external CSS. In my test project, I finally got them to show only by putting the graphics in the same folder as the page that holds the RadEditor. So I incorporated it into the real project. In the real project, the RadEditor is on a nested master page. Nothing I can do nohow will get those buttons to show, no matter where I put them or how I write those paths. Please help.
Thanks.