Hi,
I use pretty simple set of Editor. On IE8 and previous version of controls I could select text, make it italic, set background and foreground colors, after I upgrades to most recent one and installed IE9 something has changed. I can do all I could do before if I switch into IE7 compatibility mode, when I'm in IE8, IE8 and FF4 Editor doesn't let italic happen: no change in editor no button gets toggled.
There is a hierarchy of control that loaded dynamically and editor is one of them.
Also 2 related questions:
1)JS below has issue that was toggling very interesting flickering on IE8 with previous versions of controls, haven't tested yet with current version and IE9 if also happens
2)when a page that loads dynamic controls is loaded first time and inside some of those controls there is Editor or TreeList (haven't checked other controls) - the appearance of controls is broken, feels like they didn't have a chance to recalculate their layout using JS. When I navigate away and come back - view is ok. I have made a lot of css chnages to site, so if I will experience this behaviour I will attach screenshot
here is my Editor:
<
telerik:RadEditor
ID
=
"radEditor"
runat
=
"server"
EditModes
=
"Design"
Skin
=
"Default"
OnClientSubmit
=
"OnClientSubmit"
OnClientLoad
=
"OnClientLoad"
StripFormattingOnPaste
=
"AllExceptNewLines"
StripFormattingOptions
=
"AllExceptNewLines"
Style
=
"position: relative; right: 1px;"
Width
=
"100%"
Height
=
"150px"
AutoResizeHeight
=
"false"
>
<
Tools
>
<
telerik:EditorToolGroup
Tag
=
"MainToolbar"
>
<
telerik:EditorTool
Name
=
"Cut"
></
telerik:EditorTool
>
<
telerik:EditorTool
Name
=
"Copy"
ShortCut
=
"CTRL+C"
></
telerik:EditorTool
>
<
telerik:EditorTool
Name
=
"Paste"
ShortCut
=
"CTRL+V"
></
telerik:EditorTool
>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"Bold"
ShortCut
=
"CTRL+B"
></
telerik:EditorTool
>
<
telerik:EditorTool
Name
=
"Italic"
ShortCut
=
"CTRL+I"
></
telerik:EditorTool
>
<
telerik:EditorTool
Name
=
"Underline"
ShortCut
=
"CTRL+U"
></
telerik:EditorTool
>
<
telerik:EditorTool
Name
=
"StrikeThrough"
></
telerik:EditorTool
>
<
telerik:EditorSeparator
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorSplitButton
Name
=
"ForeColor"
>
</
telerik:EditorSplitButton
>
<
telerik:EditorSplitButton
Name
=
"BackColor"
>
</
telerik:EditorSplitButton
>
</
telerik:EditorToolGroup
>
</
Tools
>
<
Content
>
</
Content
>
</
telerik:RadEditor
>
function
OnClientSubmit(editor) {
// line below causes weird flickering effect on IE when rad editor is loaded first time and navigated away
//editor.fire("FormatStripper", { value: "AllExceptNewLines" });
}
function
OnClientLoad(editor, args) {
var
style = editor.get_contentArea().style;
style.backgroundImage =
"none"
;
style.backgroundColor =
"e1e2dc"
;
style.color =
"#000"
;
style.fontFamily =
"Verdana"
;
style.fontSize = 11 +
"px"
;
}
<
telerik:RadPanelBar
ID
=
"RadPanelBar_LeftMenu"
Runat
=
"server"
Width
=
"95%"
Skin
=
"Office2007"
ExpandMode
=
"SingleExpandedItem"
BackColor
=
"Transparent"
>
</
telerik:RadPanelBar
>
.RadPanelBar .rpRootGroup,
.RadPanelBar .rpRootGroup .rpLink
{
border: none !important;
background-color: transparent !important;
background-image:none;
font-family:Verdana !important;
text-decoration: none;
border-bottom-width: 0px !important;
}
.RadPanelBar_Office2007 a.rpLink:hover{
color: black !important;
background-color: #FFCA5E !important;
border-color: #FF9B35 !important;
border-top-color: #FF9B35 !important;
border-right-color: #FF9B35 !important;
border-bottom-color: #FF9B35 !important;
border-left-color: #FF9B35 !important;
}
.rpOut
{
border-bottom-width: 0px !important;
}
.RadPanelBar_Office2007 a.rpLink, .RadPanelBar_Office2007 .rpTemplate {
color: #056B9D;
font-size: 70%;
font-family: Verdana;
font-weight:bold;
}
.rpText
{
font-size: 100%;
font-family: Verdana;
}
<tr>
<td>
Client
</td>
<td>
<telerik:RadComboBox ID="cboClient" Runat="server" AllowCustomText="true"
DataSourceID="SqlDataSource1" DataTextField="Account" DataValueField="ClientID"
Skin="Outlook"
SelectedValue='<%# DataBinder.Eval( Container, "DataItem.ClientID") %>'
Width="320px" EnableVirtualScrolling="True"
Filter="Contains" ItemsPerRequest="20" ShowMoreResultsBox="True">
<itemtemplate>
<table style="width:300px">
<tr>
<td style="width:100px; text-align: left;">
<%
#DataBinder.Eval(Container.DataItem, "Account")%>
</td>
<td style="width:200px; text-align: left;">
<%
#DataBinder.Eval(Container.DataItem, "Disp")%>
</td>
</tr>
protected void RadComboBox1_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)
{
IEnumerable<Client> clients = BizLayer.Instance().ClientsGetAllUnfiltered();
var AllClients = from c in clients where c.ClientName.Contains(e.Text) select c;
int itemOffset = e.NumberOfItems;
int endOffset = Math.Min(itemOffset + ItemsPerRequest, AllClients.Count());
e.EndOfItems = endOffset == AllClients.Count();
var filter = AllClients.Skip(itemOffset).Take(ItemsPerRequest);
foreach (Domain.Client c in filter)
{
RadComboBox1.Items.Add(new RadComboBoxItem(c.ClientName.ToString(), c.ClientId.ToString()));
}
e.Message = GetStatusMessage(endOffset, AllClients.Count());
}
Thank you.I have a Radgrid with button column when I click the button the first time the Radwindow does not open, but it opens on the second click on the same button. I have tried every possible solution in RadAjax but still facing the same problem. I am using Masterpage in this project.
Following are my code in Javascript,Client side and Server side.
//Javascript Code
function ShowUPExc(partnerid) {
window.radopen("Update.aspx?PartnerID=" + partnerid , "rwUpdateExc");
return false;
}
//Client Side Code
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgExc"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgExc"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"btnUpdate"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadWindowManager1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadGrid
ID
=
"rgExc"
runat
=
"server"
AllowFilteringByColumn
=
"True"
AllowPaging
=
"True"
AllowSorting
=
"True"
DataSourceID
=
"dsExclusion"
GridLines
=
"None"
Skin
=
"Outlook"
Width
=
"100%"
ShowGroupPanel
=
"False"
AutoGenerateColumns
=
"False"
PageSize
=
"2"
AllowAutomaticDeletes
=
"True"
AllowAutomaticInserts
=
"True"
AllowAutomaticUpdates
=
"True"
ShowHeader
=
"true"
OnItemDataBound
=
"rgExc_ItemDataBound"
OnItemCommand
=
"rgExc_ItemCommand"
>
<
HeaderContextMenu
>
<
CollapseAnimation
Type
=
"OutQuint"
Duration
=
"200"
></
CollapseAnimation
>
</
HeaderContextMenu
>
<
FilterMenu
>
<
CollapseAnimation
Type
=
"OutQuint"
Duration
=
"200"
></
CollapseAnimation
>
</
FilterMenu
>
<
GroupingSettings
ShowUnGroupButton
=
"true"
CaseSensitive
=
"false"
/>
<
MasterTableView
DataSourceID
=
"dsExclusion"
DataKeyNames
=
"ExcType, StartDate, EndDate"
PageSize
=
"2"
Width
=
"100%"
GroupLoadMode
=
"Client"
EnableNoRecordsTemplate
=
"true"
ShowHeadersWhenNoRecords
=
"true"
AllowFilteringByColumn
=
"false"
AllowMultiColumnSorting
=
"false"
EnableHeaderContextMenu
=
"false"
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"ExcType"
HeaderText
=
"Exc Type"
SortExpression
=
"ExcType"
UniqueName
=
"ExcType"
ReadOnly
=
"True"
CurrentFilterFunction
=
"EqualTo"
AutoPostBackOnFilter
=
"true"
ShowFilterIcon
=
"false"
FilterDelay
=
"4000"
Groupable
=
"false"
FilterControlWidth
=
"120px"
HeaderStyle-Width
=
"140px"
>
</
telerik:GridBoundColumn
>
<
telerik:GridDateTimeColumn
DataField
=
"StartDate"
DataType
=
"System.DateTime"
HeaderText
=
"Start Date"
SortExpression
=
"StartDate"
UniqueName
=
"StartDate"
AutoPostBackOnFilter
=
"true"
PickerType
=
"DateTimePicker"
FilterControlWidth
=
"150px"
ItemStyle-Wrap
=
"false"
HeaderStyle-Width
=
"170px"
>
</
telerik:GridDateTimeColumn
>
<
telerik:GridDateTimeColumn
DataField
=
"EndDate"
DataType
=
"System.DateTime"
HeaderText
=
"End Date"
SortExpression
=
"EndDate"
UniqueName
=
"EndDate"
AutoPostBackOnFilter
=
"true"
PickerType
=
"DateTimePicker"
FilterControlWidth
=
"150px"
ItemStyle-Wrap
=
"false"
HeaderStyle-Width
=
"170px"
>
</
telerik:GridDateTimeColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"TemplateEditColumn"
AllowFiltering
=
"false"
HeaderStyle-Width
=
"120px"
>
<
ItemTemplate
>
<
asp:Button
ID
=
"btnUpdate"
runat
=
"server"
Text
=
"Update"
CommandArgument='<%# DataBinder.Eval(Container,"ItemIndex")%>'
CommandName="UpdateExc" />
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
AllowColumnsReorder
=
"False"
AllowDragToGroup
=
"False"
ReorderColumnsOnClient
=
"False"
EnableRowHoverStyle
=
"true"
EnablePostBackOnRowClick
=
"true"
AllowKeyboardNavigation
=
"true"
>
<
Resizing
AllowColumnResize
=
"False"
EnableRealTimeResize
=
"False"
ResizeGridOnColumnResize
=
"False"
AllowResizeToFit
=
"true"
/>
<
Selecting
AllowRowSelect
=
"True"
/>
<
Scrolling
AllowScroll
=
"False"
UseStaticHeaders
=
"False"
SaveScrollPosition
=
"False"
>
</
Scrolling
>
</
ClientSettings
>
<
PagerStyle
Mode
=
"NextPrevNumericAndAdvanced"
/>
</
telerik:RadGrid
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
EnableShadow
=
"true"
Skin
=
"Office2007"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"rwUpdateExc"
runat
=
"server"
ShowContentDuringLoad
=
"false"
ReloadOnShow
=
"true"
Title
=
"Update Exclusion Window"
Width
=
"750px"
Height
=
"350px"
VisibleStatusbar
=
"false"
Modal
=
"true"
ToolTip
=
"Update Exclusion"
>
</
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
//Server Side Code
protected void rgExclusion_ItemCommand(object source, GridCommandEventArgs e)
{
if (e.CommandName == "UpdateExc")
{
string strEType;
strEType = e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["ExcType"].ToString();
if (strEType == "Partner")
{
Button btnUExc = (Button)e.Item.FindControl("btnUpdate");
btnUExc.Attributes["href"] = "#";
btnUExc.Attributes["onclick"] = String.Format("return ShowUPExc('{0}');", Session["PGEPartnerID"].ToString());
}
}
}
<Content>
<p>Please enter your text</p>
</Content>
However when the page is loaded the <p> tags are removed just showing 'Please enter your text'.