For the time being you can use the following workaround:
<telerik:RadPushButton CssClass="fa bcmbutton" ID="btnAnimate" runat="server" Text="Save & Stay" AutoPostBack="false">
<Icon PressedCssClass="fa-cog" HoveredCssClass="hovClass" CssClass="rbOk" />
</telerik:RadPushButton>
Workaround:
<script>
Telerik.Web.UI.Button.IconsUI.prototype.mouseover = function (ev) {
var that = this,
iconData = that.options.iconData,
priIconEl = that.getPrimaryIconElement(),
secIconEl = that.getSecondaryIconElement(),
hoveredCssClass = that.options.iconData.primaryHoveredCssClass;
if (hoveredCssClass) {
$telerik.$(priIconEl).addClass(hoveredCssClass);
}
that._setBackground(priIconEl, iconData.primaryHoveredIconUrl);
that._setBackground(secIconEl, iconData.secondaryHoveredIconUrl);
that.base.mouseover(ev);
},
Telerik.Web.UI.Button.IconsUI.prototype.mouseout = function (ev) {
var that = this,
iconData = that.options.iconData,
priIconEl = that.getPrimaryIconElement(),
secIconEl = that.getSecondaryIconElement(),
hoveredCssClass = that.options.iconData.primaryHoveredCssClass;
if (hoveredCssClass) {
$telerik.$(priIconEl).removeClass(hoveredCssClass);
}
that._setBackground(priIconEl, iconData.primaryIconUrl);
that._setBackground(secIconEl, iconData.secondaryIconUrl);
that.base.mouseout(ev);
},
Telerik.Web.UI.Button.IconsUI.prototype.mousedown = function (ev) {
var that = this,
iconData = that.options.iconData,
priIconEl = that.getPrimaryIconElement(),
secIconEl = that.getSecondaryIconElement(),
pressedCssClass = that.options.iconData.primaryPressedCssClass;
if (pressedCssClass) {
$telerik.$(priIconEl).addClass(pressedCssClass);
}
that._setBackground(priIconEl, iconData.primaryPressedIconUrl);
that._setBackground(secIconEl, iconData.secondaryPressedIconUrl);
that.base.mousedown(ev);
},
Telerik.Web.UI.Button.IconsUI.prototype.mouseup = function (ev) {
var that = this,
iconData = that.options.iconData,
priIconEl = that.getPrimaryIconElement(),
secIconEl = that.getSecondaryIconElement(),
isHovered = that.isMouseOverElement(that.element, ev),
priIconUrl = isHovered && iconData.primaryHoveredIconUrl ? iconData.primaryHoveredIconUrl : iconData.primaryIconUrl,
secIconUrl = isHovered && iconData.secondaryHoveredIconUrl ? iconData.secondaryHoveredIconUrl : iconData.secondaryIconUrl,
pressedCssClass = that.options.iconData.primaryPressedCssClass;
if (pressedCssClass) {
$telerik.$(priIconEl).removeClass(pressedCssClass);
}
that._setBackground(priIconEl, priIconUrl);
that._setBackground(secIconEl, secIconUrl);
that.base.mouseup(ev);
};
</script>
.NET provides a standard mechanism to resolve any needed assembly via the AssemblyResolve event (https://msdn.microsoft.com/en-us/library/system.appdomain.assemblyresolve(v=vs.110).aspx). Besides self-implementing this event there are tools (like SmartAssembly) which use this mechanism. We use this mechanism to make application deployment (including ASP.NET applications) as painless and easy as possible. With Telerik ASP.NET this does not work :-( Please provide some way/sample/API to make it possible to embed Telerik ASP.NET assemblies. Thanks in advance. Best Regards Yahia El-Qasem
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
1. Insert the following html:
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
</div>
2. Click the image and update it via ImageManager
Expected:
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
</div>
Actual:
<div style="float: left;">
</div>
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
Hello, In one of the pages in our website, we have a RadGrid that uses client-side binding. Above the grid, there's an "Apply Best Fit" button that executes the following JavaScript:
...
...
applyBestFit: function(tableView)
{
var columns = tableView.get_columns();
for (var i = 0; i < columns.length; i++)
columns[i].resizeToFit(false, true);
}
...
...
In IE, it runs VERY slowly when there's 5,000 grid rows.
I found this post: "http://www.telerik.com/forums/radgrid-with-resizetofit-javascript-issue" and read the recommended link: "http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/performance/grid-performance-optimizations"
I understand that resizeToFit( ) is slow under IE.
I would like to propose that you add a new "MaxRowsToEvaluate" (or similar) parameter to resizeToFit( ) that can be used to control how many grid rows are evaluated when determining the widest size of a column.
With this new parameter, I could pass a value of 25, for example, and know that only up to 25 grid rows will be used in calculating the widest size of a column. That would speed things up a lot I think.
Using this approach, the resizing would not be perfect, because a cell in the column beyond the "MaxRowsToEvaluate" number of rows may contain a value that's really long, but at least it wouldn't make the browser look like it's hung.
Thanks
Would be really nice if there was a clearly defined client-side object model for the radGrid. We created a function like the one below by deconstructing the header menu. The jQuery selectors to find the container and affected dropdown lists are really hacky and very brittle. Reliance on magic strings means that upgrading to future versions is likely to break code like this.
Ideally we should be able to reference (and alter) a client-side filter operators collection like this: grid.headerMenu.filterOperators
function headerMenuShowing(sender, args) {
var $container = jQuery("div[id^='" + sender.get_id() + "_rghcMenu']");
var $lists = $container.find("ul.rcbList");
var gridCol = args.get_gridColumn();
var dataType = gridCol.get_dataType();
switch (dataType) {
case "System.String":
$lists.find("li:contains('GreaterThan')").hide();
$lists.find("li:contains('LessThan')").hide();
$lists.find("li:contains('IsEmpty')").hide();
$lists.find("li:contains('NotIsEmpty')").hide();
break;
case "System.Int32":
case "System.Int64":
case "System.Double":
case "System.Decimal":
case "System.DateTime":
$lists.find("li:contains('GreaterThan')").show();
$lists.find("li:contains('LessThan')").show();
break;
}
}
http://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx 1. Delete the content 2. Choose AutoResizeHeight from the Configurator Expected: The contentarea's height equals its wrapper
Would like a code sample of connecting to Active Directory/LDAP so in the RadComboBox you can start looking up someone in the company phone book. Since this is a common Intranet need, this would be a quick win for many people that were not planning to install SharePoint.
Steps to Reproduce:
1) bold a non tracked word
2) Append an "s" (or other letter) to the previous non tracked word
3) delete the space between the previous word and the bolded word
Actual: the tracking will delete the first letter of the bolded word
Expected: the space should be deleted
Workaround:
<telerik:RadEditor ID="RadEditor1" runat="server" EnableTrackChanges="true">
<Content>
<p>some plain text</p>
</Content>
</telerik:RadEditor>
<script>
(function ($, $E, undefined) {
var utils = $E.Utils;
utils.isInlineSpace = utils.isInlineSpace || function (node) {
return utils.isTextNodeEmpty(node) && node.previousSibling && node.nextSibling &&
!utils.isBlockElement(node.previousSibling) && !utils.isBlockElement(node.nextSibling);
};
var isSignificantTextNode = function (node) {
return utils.isTextNode(node) && (!utils.isTextNodeEmpty(node) || utils.isInlineSpace(node));
};
var prototype = $E.PlainTextSelector.prototype;
$E.PlainTextSelector = function (toLeft, topNode) {
this.toLeft = toLeft;
var condition = toLeft ?
function (node, position) { return isSignificantTextNode(node) && (position > 0 && position <= node.nodeValue.length); } :
function (node, position) { return isSignificantTextNode(node) && (position >= 0 && position < node.nodeValue.length); };
this.traverser = new $E.DomTreeTraverser(condition, topNode);
};
$E.PlainTextSelector.prototype = prototype;
})($telerik.$, Telerik.Web.UI.Editor);
</script>
Workaround:
<script>
var $ = $telerik.$;
Telerik.Web.UI.RadMenuItem.prototype._doAriaFocus = function () {
var menu = this.get_menu();
var menuId = menu.get_id() + "_active";
$(this.get_element()).attr("id", menuId);
$(menu._getMainElement()).attr("aria-activedescendant", menuId);
}
</script>
When the data is initially grouped and later grouping is collapsed, the group does not expand on click again. The class rgExpand does not change to rgCollapse class. It works with Telerik.Web.UI.dll version 2014.2.618.40 (release 1/14/2016?) However, when we upgraded to 2016.2.504.40 (release 5/9/2016?), it is stuck in "Collapse" mode. Cannot expand again in when clicked on the arrow.
An updated version of a sample application using the WIRIS editor plugin within the RadEditor. Ideally with the ability to save the content and retrieve it. http://www.wiris.com/plugins/docs/radeditor
The SlidingZone's tabs titles are rendered upside-down in all browsers in Sharepoint 2010 (except for Internet Explorer). The problem is caused due to a thrown JavaScript error: Uncaught TypeError: Cannot read property 'removeChild' of null