We are upgrading from version 2011.1.519.35 to 2015.3.1111.35 and are having trouble with changes in how the editor behaves with contenteditable=false.
We have functionality that lets users add "mail merge fields" to the content in the editor. When they click a button, we use the editor's pasteHtml() function to add an HTML snippet containing information about the "field." Because we don't want the user to change the information within the field, just add or delete it as a single unit, we use contenteditable=false within its tags.
The problem is that in the 2011 editor, the user could continue typing after we inserted the snippet. But in the 2015 editor, the user's cursor seems to get trapped inside the snippet, and they are unable to continue editing past the snippet.
Is there a way around this? Or, is there a different way we can implement this kind of functionality that works better with the current editor?
Below is a sample ASPX page where you can experience the difference between the versions if you compile it against the 2011.1.519.35 assembly vs 2015.3.1111.35. The way to simulate the issue is to:
When using the 2011 editor, you can keep typing, but in the 2015 editor, you can't.
We're using Internet Explorer. (I'm using version 11, and haven't yet tried other versions.) Our pages have the X-UA-Compatible header set to IE=EmulateIE7, due to having some old code, which changes the editor's behavior a slightly in this example, but even without that header, the fundamental difference between the two versions remains:
<%@ Page Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.Page" %>
<%@ Import Namespace="System.Diagnostics" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=EmulateIE7"
>
</
head
>
<
body
>
<
h1
><%= FileVersionInfo.GetVersionInfo(RadEditor1.GetType().Assembly.Location).FileVersion %> Telerik</
h1
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
/>
<
telerik:RadEditor
ID
=
"RadEditor1"
Runat
=
"server"
/>
</
form
>
</
body
>
</
html
>
I've faced two issues on RadGrid while using horizontal scroll bar. Those are,
(i) I've used radgrid and set width 950px my concern is when the grid has no records it doesn't appear scroll bar but the sum of columns widths are greater than grid's width if the grid has records horizontal scroll appears.
(ii) And my another issue is I had details table in that same grid here the number of columns exceeds than grid's column but when the grid and details table has records I can't see rest of the columns I meant about the horizontal scroll bar doesn't appear up to details table column. The horizontal scroll bar shows only up to the main grid's column.
Note: I've set details table width 95%, 96% though its not working
Regards,
Balakrishnan Nagarajan
I am new to working with Telerik stuff, can someone tell me how this RadGrid is getting populated:
<
telerik:RadGrid
ID
=
"ActivityTypeSkillGrid"
runat
=
"server"
AllowAutomaticDeletes
=
"True"
AllowAutomaticInserts
=
"True"
AllowAutomaticUpdates
=
"True"
AllowPaging
=
"True"
AutoGenerateColumns
=
"False"
GridLines
=
"None"
Skin
=
"WebBlue"
Width
=
"822px"
PageSize
=
"20"
Visible
=
"false"
OnItemCommand
=
"Grid_ItemCommand"
OnItemInserted
=
"Grid_ItemInserted"
OnItemDeleted
=
"Grid_ItemDeleted"
OnItemUpdated
=
"Grid_ItemUpdated"
AllowFilteringByColumn
=
"true"
OnItemDataBound
=
"Grid_ItemDataBound"
AllowSorting
=
"true"
>
Radgrid update command is not getting triggered. During Update ItemCommand Event is also not getting triggered.
Below is the code,
<telerik:RadGrid ID="rgdUsers" runat="server" AllowPaging="True" ShowFooter="false"
AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="false"
OnNeedDataSource="rgdUsers_NeedDataSource" AllowFilteringByColumn="true" EnableLinqExpressions="false" Width="100%"
OnItemCommand="rgdUsers_ItemCommand" OnUpdateCommand="rgdUsers_UpdateCommand">
<PagerStyle Mode="NextPrevNumericAndAdvanced" />
<GroupingSettings CaseSensitive="false" />
<MasterTableView CommandItemDisplay="Top" DataKeyNames="UserId">
<Columns>
<Columns>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<table width="200px" cellpadding="0" cellspacing="0">
<tr>
<td>Name
</td>
<td>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" colspan="2">
<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' CausesValidation="false"></asp:Button>
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
CommandName="Cancel"></asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
<%--<ClientSettings>
<ClientEvents OnRowDblClick="RowDblClick" OnPopUpShowing="onPopUpShowing" />
</ClientSettings>--%>
</telerik:RadGrid>
protected void rgdUsers_UpdateCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{
}
protected void rgdUsers_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{
}
Can someone help me to know where did I go wrong
I'm attempting to implement a client-side expand-only-one-group function for a relatively simple RadGrid using the 2016Q1 release. I had thought it'd be as simple as:
<
script
type
=
"text/javascript"
>
function rgInspection_GroupExpanding(sender, eventArgs) {
sender.get_masterTableView().collapseAllGroups()
}
</
script
>
<
telerik:RadGrid
DataSourceID
=
"sdsInspection"
ID
=
"rgInspection"
runat
=
"server"
ShowHeader
=
"False"
>
<
ClientSettings
AllowGroupExpandCollapse
=
"True"
>
<
ClientEvents
OnGroupExpanding
=
"rgInspection_GroupExpanding"
/>
</
ClientSettings
>
<
MasterTableView
DataSourceID
=
"sdsInspection"
GroupLoadMode
=
"Client"
GroupsDefaultExpanded
=
"False"
>
…
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"Title"
/>
</
SelectFields
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"DisplayOrder"
SortOrder
=
"Ascending"
/>
</
GroupByFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
</
MasterTableView
>
</
telerik:RadGrid
>
but that doesn't work.
So I tried expanding all of the groups by clicking them, then running $find("ctl00_cphMain_rgInspection").get_masterTableView().collapseAllGroups(); from the console. It returned 'true' but didn't actually collapse anything. I tried again specifying the optional argument: 0 returns true, everything else returns false, none of the groups actually collapse. I'm at my wits end here and can't for the life of me figure out if it's something I'm doing wrong or a legitimate bug.
I can't have the page postback until the final submission, so using a server-side expand-only-one solution isn't going to work for me. Any help would be greatly appreciated.
Good Day All,
I have a raddatePicker in a Raddataform, i need to style it to suite our dataform look and feel, however i cant seem to get the right property for it to over ride the default style that have been applied.
If you look in the screen shot, i want to change the color of the date when i select it, and as well the color of the date\time in the textbox when i select it.
I have circled the Items that i want to change using my custom style sheet, please let me know if i can change the selected styles...