
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()); } } }