I'm using Telerik RAD controls 2011.2.915.35 on windows 7 SP1 and am launching the page from inside of visual studio on the personal web browser.
directory structure:
[AllLanguagesSolution]
[Images]
* radeditorSave.jpg
* radeditorSaveAs.jpg
[Images] END
* HTMLeditor.aspx
[AllLanguagesSolution] END
<head runat="server">
<title>HTML Editor Dialog</title>
<link href="styles/Main.css" rel="stylesheet" type="text/css" />
<link href="styles/authorit.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.reTool .Save
{
background-image: url(Images/radeditorSave.jpg);
}
.reTool .SaveAs
{
background-image: url(Images/radeditorSaveAs.jpg);
}
</style>
</head>
<form id="frmHTMLeditor" runat="server">
<table>
<tr><td>
<telerik:RadScriptManager ID="mgrScriptHTMLeditor" Runat="server"></telerik:RadScriptManager>
</td></tr>
<tr><td>
<telerik:RadEditor ID="telerikeditor" Runat="server"
OnClientLoad="onClientLoad"
OnClientCommandExecuting="OnClientCommandExecuting">
<Tools>
<telerik:EditorToolGroup Tag="grpInputOutput">
<telerik:EditorTool ImageUrl="./Images/radeditorSave.jpg"
ImageUrlLarge="~/Images/radeditorSave.jpg" Name="Save" ShowText="True"
Text="Save" />
<telerik:EditorTool ImageUrl="./Images/radeditorSaveAs.jpg"
ImageUrlLarge="~/Images/radeditorSaveAs.jpg" Name="SaveAs" ShowText="True"
Text="Save As" />
</telerik:EditorToolGroup>
</Tools>
<Content></Content>
</telerik:RadEditor>
Hi,
I have issue with some of the tools icons in RadEditor. Some of the icon shows and functioning as it supposed to, but some it does not show the icon image and looks like it has some problem firing the event for the button as well. This is really simple and I haven’t used any JavaScript. I also attached couple of images for mentioned issue.
Your advice and help would greatly be appreciated!
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="TestAndDelete._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
asp:Content
ID
=
"HeaderContent"
runat
=
"server"
ContentPlaceHolderID
=
"HeadContent"
>
</
asp:Content
>
<
asp:Content
ID
=
"BodyContent"
runat
=
"server"
ContentPlaceHolderID
=
"MainContent"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
telerik:RadEditor
ID
=
"RadEditor1"
runat
=
"server"
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"Font"
/>
<
telerik:EditorTool
Name
=
"Paragraph"
/>
<
telerik:EditorTool
Name
=
"Italic"
/>
<
telerik:EditorTool
Name
=
"InsertTable"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
<
Content
>
</
Content
>
</
telerik:RadEditor
>
</
asp:Content
>
<
telerik:RadGrid
ID
=
"RadGridTaskActivity"
runat
=
"server"
OnNeedDataSource
=
"RadGridTaskActivity_NeedDataSource"
onupdatecommand
=
"RadGridTaskActivity_UpdateCommand"
>
<
MasterTableView
EditMode
=
"EditForms"
AutoGenerateColumns
=
"true"
CommandItemDisplay
=
"Top"
CommandItemSettings-ShowAddNewRecordButton
=
"true"
>
<
EditFormSettings
FormMainTableStyle-HorizontalAlign
=
"Center"
EditColumn-ButtonType
=
"PushButton"
InsertCaption
=
"Add New Activity"
>
<
FormStyle
Width
=
"100%"
BackColor
=
"LightCyan"
></
FormStyle
>
</
EditFormSettings
>
<
Columns
>
<
telerik:GridEditCommandColumn
HeaderStyle-Width
=
"80px"
ButtonType
=
"ImageButton"
UniqueName
=
"EditColumn"
HeaderText
=
"Edit"
>
</
telerik:GridEditCommandColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
protected void RadGridTaskActivity_UpdateCommand(object sender, GridCommandEventArgs e)
{
GridEditableItem EditItem = e.Item as GridEditableItem;
RadTextBox txtTestName = (RadTextBox)EditItem["ActiVityName"].FindControl("txtTestName");
Hashtable newValues = new Hashtable();
e.Item.OwnerTableView.ExtractValuesFromItem(newValues, EditItem);
string NewActivityName = newValues["ActivityName"].ToString();
//I WANT OLD ACTIVITY NAME ALSO WHICH I CAN SEE IN "GridEditableItem"
}
<
telerik:RadGrid
runat
=
"server"
ID
=
"gv_ItemGrid"
PageSize
=
"50"
Skin
=
"Office2007"
AllowSorting
=
"true"
AllowMultiRowSelection
=
"true"
AllowMultiRowEdit
=
"true"
AllowPaging
=
"True"
ShowGroupPanel
=
"false"
HeaderStyle-HorizontalAlign
=
"Center"
ClientSettings-AllowKeyboardNavigation
=
"true"
AutoGenerateColumns
=
"false"
AllowAutomaticDeletes
=
"false"
AllowAutomaticInserts
=
"false"
AllowAutomaticUpdates
=
"false"
OnNeedDataSource
=
"gv_ItemGrid_NeedDataSource"
OnItemDataBound
=
"gv_ItemGrid_ItemDataBound"
OnBatchEditCommand
=
"gv_ItemGrid_BatchEditCommand"
>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
/>
<
ClientSettings
AllowRowsDragDrop
=
"False"
AllowColumnsReorder
=
"false"
ReorderColumnsOnClient
=
"false"
EnableRowHoverStyle
=
"true"
>
<
Resizing
AllowColumnResize
=
"false"
/>
<
Selecting
AllowRowSelect
=
"false"
EnableDragToSelectRows
=
"false"
/>
<
Scrolling
AllowScroll
=
"false"
UseStaticHeaders
=
"false"
/>
<
ClientEvents
OnBatchEditOpening
=
"batchEditOpening"
OnBatchEditOpened
=
"batchEditOpened"
/>
</
ClientSettings
>
<
MasterTableView
Name
=
"gv_Items"
CommandItemDisplay
=
"Top"
EditMode
=
"Batch"
DataKeyNames
=
"PK"
>
<
Columns
>
<
telerik:GridBoundColumn
UniqueName
=
"PK"
DataField
=
"PK"
HeaderText
=
"PK"
Display
=
"false"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"ItemCode"
DataField
=
"ItemCode"
HeaderText
=
"Item Code"
SortExpression
=
"ItemCode"
HeaderStyle-Width
=
"70px"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Locations"
DataField
=
"Locations"
HeaderText
=
"Allocated to"
HeaderStyle-Width
=
"100px"
Display
=
"false"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"ItemDescription"
HeaderText
=
"Item Name"
DataField
=
"ItemDescription"
HeaderStyle-Width
=
"200px"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"ManufactureDescription"
HeaderText
=
"Manufacture Description"
DataField
=
"ManufactureDescription"
HeaderStyle-Width
=
"100px"
></
telerik:GridBoundColumn
>
<
telerik:GridNumericColumn
UniqueName
=
"Cost"
HeaderText
=
"Cost"
DataField
=
"Cost"
NumericType
=
"Currency"
DecimalDigits
=
"2"
AllowRounding
=
"false"
HeaderStyle-Width
=
"60px"
></
telerik:GridNumericColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"CategoryIDs"
HeaderText
=
"Category Allocation"
HeaderStyle-Width
=
"300px"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"lblCategoryLine"
runat
=
"server"
Text='<%# Eval("CategoryIDs") %>' ></
asp:Label
>
</
ItemTemplate
>
<
EditItemTemplate
>
<
telerik:RadComboBox
runat
=
"server"
EnableLoadOnDemand
=
"true"
ID
=
"RadComboBox1"
OnItemsRequested
=
"RadComboBox1_ItemsRequested"
DataTextField
=
"LineCatDesc"
DataValueField
=
"seq"
Skin
=
"Office2007"
MaxHeight
=
"120px"
Width
=
"400px"
CheckBoxes
=
"true"
EnableCheckAllItemsCheckBox
=
"true"
></
telerik:RadComboBox
>
</
EditItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridCheckBoxColumn
UniqueName
=
"active"
HeaderText
=
"Active"
DataField
=
"active"
ItemStyle-HorizontalAlign
=
"Center"
HeaderStyle-Width
=
"30px"
></
telerik:GridCheckBoxColumn
>
<
telerik:GridCheckBoxColumn
UniqueName
=
"isFilter"
Display
=
"false"
HeaderText
=
"Reports Filter"
DataField
=
"isFilter"
ItemStyle-HorizontalAlign
=
"Center"
></
telerik:GridCheckBoxColumn
>
<
telerik:GridButtonColumn
Visible
=
"true"
ConfirmText
=
"Delete this Item?"
ButtonType
=
"ImageButton"
CommandName
=
"Delete"
Text
=
"Delete"
UniqueName
=
"DeleteColumn"
>
<
HeaderStyle
Width
=
"30px"
/>
<
ItemStyle
HorizontalAlign
=
"Center"
/>
</
telerik:GridButtonColumn
>
</
Columns
>
<
CommandItemSettings
ShowRefreshButton
=
"false"
/>
</
MasterTableView
>
</
telerik:RadGrid
>
protected
void
gv_ItemGrid_BatchEditCommand(
object
sender, GridBatchEditingEventArgs e)
{
foreach
(GridBatchEditingCommand command
in
e.Commands)
{
if
(command.Type == GridBatchEditingCommandType.Update)
{
Hashtable newValues = command.NewValues;
Hashtable oldValues = command.OldValues;
RadComboBox ddlDesc = gv_ItemGrid.FindControl(gv_ItemGrid.MasterTableView.ClientID +
"_CategoryIDs"
).FindControl(
"RadComboBox1"
)
as
RadComboBox;
string
selectedValues = String.Empty;
if
(ddlDesc.CheckBoxes) {
for
(
int
i = 0; i < ddlDesc.CheckedItems.Count; i++)
{
selectedValues += (selectedValues == String.Empty)?(ddlDesc.CheckedItems[i]
as
RadComboBoxItem).Value:
","
+ (ddlDesc.CheckedItems[i]
as
RadComboBoxItem).Value;
}
}
for
(
int
i = 0; i < ddlDesc.Items.Count; i++)
{
selectedValues += (selectedValues == String.Empty) ? ((ddlDesc.Items[i].Checked)?ddlDesc.Items[i].Value:
string
.Empty) : ((ddlDesc.Items[i].Checked)?
","
+ (ddlDesc.CheckedItems[i]
as
RadComboBoxItem).Value:
string
.Empty);
selectedValues += ddlDesc.Items[i].Checked.ToString();
}
UBGlobal.SendEmail(
"Checkboxes Count"
, ddlDesc.Items.Count.ToString());
}
}
}
<
telerik:RadGrid
runat
=
"server"
ID
=
"rgrdEmails"
Height
=
"100%"
BorderWidth
=
"0"
AutoGenerateColumns
=
"false"
GridLines
=
"Both"
ShowGroupPanel
=
"true"
OnNeedDataSource
=
"rgrdEmails_NeedDataSource"
AllowMultiRowSelection
=
"True"
OnRowDrop
=
"rgrdEmails_RowDrop"
OnSelectedIndexChanged
=
"rgrdEmails_SelectedIndexChanged"
>
<
ClientSettings
AllowDragToGroup
=
"True"
EnableRowHoverStyle
=
"true"
AllowRowsDragDrop
=
"True"
EnablePostBackOnRowClick
=
"true"
>
<
Selecting
AllowRowSelect
=
"true"
EnableDragToSelectRows
=
"False"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
/>
<
ClientEvents
OnRowDblClick
=
"grdDblClick"
OnRowDropping
=
"onRowDropping"
/>
</
ClientSettings
>
<
MasterTableView
TableLayout
=
"Fixed"
Width
=
"100%"
GroupLoadMode
=
"Client"
DataKeyNames
=
"EmailId"
ClientDataKeyNames
=
"EmailId,Subject"
AdditionalDataFieldNames
=
"Date"
>
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"DateResult"
HeaderValueSeparator
=
":"
SortOrder
=
"Descending"
/>
</
GroupByFields
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"DateResult"
HeaderText
=
"Date"
FormatString
=
"{0:d}"
/>
</
SelectFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
<
Columns
>
<
telerik:GridDragDropColumn
runat
=
"server"
HeaderStyle-Width
=
"18px"
/>
<
telerik:GridBoundColumn
DataField
=
"From"
HeaderText
=
"From"
HeaderStyle-Width
=
"120px"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"Subject"
HeaderText
=
"Subject"
></
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"Received"
HeaderText
=
"Date"
HeaderStyle-Width
=
"150px"
GroupByExpression
=
"DateResult Date GROUP BY DateResult"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"EmailId"
Visible
=
"false"
></
telerik:GridBoundColumn
>
<
telerik:GridCalculatedColumn
UniqueName
=
"Date"
DataType
=
"System.DateTime"
DataFields
=
"Received"
Expression
=
"Received.ToShortDateString()"
HeaderText
=
"Date"
Visible
=
"false"
>
</
telerik:GridCalculatedColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>