<telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> <!-- content start --> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="grdMain"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="grdMain" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadGrid ID="grdMain" OnSortCommand="grdMain_SortCommand" OnPageIndexChanged="grdMain_PageIndexChanged" Width="100%" OnPageSizeChanged="grdMain_PageSizeChanged" AllowSorting="True" PageSize="20" AllowPaging="True" AllowMultiRowSelection="True" runat="server" GridLines="None" Skin="Windows7" AutoGenerateColumns="true"> <MasterTableView Width="100%" Summary="RadGrid table" /> <PagerStyle Mode="NextPrevAndNumeric" /> <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true"> <Selecting AllowRowSelect="true" /> </ClientSettings> </telerik:RadGrid> <!-- content end -->
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>