When the control is modal it should create a second iframe behind the modal background like it creates one behind the popup itself. This will allow the modal background to stay above heavy-weight objects in IE as well.
The sprite images for the RadButton are moved from the "Button" folder to the "Common" folder of the skins, but the Visual Style Builder searches the images in the Button folder. The workaround is to extract the archive generated by the Visual Style Builder, move the sprites from the Common folder to the Button folder, archive the files again and import them in the Visual Style Builder. This allows you to edit them in the tool and after that you can download the skin and move the sprites back to the Common folder.
The Toolbar delete button is enabled only if the selected item's parent folder can be deleted, even if the file itself has delete permission.
Steps to reproduce:
1. Openthe following demo, the delete permissions ase given to the root "images" folder (DeletePaths="~/FileExplorer/Examples/Overview/images")
http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/overview/defaultcs.aspx
2. Open the root folder from the tree (images)
3. Select an item from the grid
Actual: The Delete button is not enabled
Expected: The delete button is enabled, as the images folder is granted with delete permissions
WORKAROUND:
<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" EnableCopy="True" EnableOpenFile="True" OnClientLoad="explorerLoad"
Height="500px" Skin="Default" Configuration-MaxUploadFileSize="900000000">
<Configuration ViewPaths="~/Images_2" DeletePaths="~/Images_2" UploadPaths="~/Images_2" />
</telerik:RadFileExplorer>
<script>
function explorerLoad(fileExplorer, args) {
fileExplorer._fileList.add_itemSelect(Function.createDelegate(fileExplorer, function (fileList, args) {
fileExplorer._updateToolbar(null, null, args.get_item().get_permissions());
fileExplorer.raise_itemSelected(args.get_item());
}));
}
</script>
RadCheckBox is not firing the event for CheckedChanged the first time it is checked. If you simply replace the RadCheckBox with a standard asp CheckBox all works as it should and the event is fired with the first click.
Changing the render mode of the Editor Dynamically on the server-side leads to a JavaScript error:
Uncaught TypeError: Cannot read property 'render' of null
at Telerik.Web.UI.Editor.Modules.RadEditorNodeInspector.render
The issue is introduced in 2016 R3.
Steps to reproduce:
Run the following configuration:
<telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>
CS:
protected void Page_Load(object sender, EventArgs e)
{
RadEditor1.RenderMode = Telerik.Web.UI.RenderMode.Mobile;
}
The Editor's Insert External Video does not insert the required allowfullscreen="allowfullscreen" attribute into the iframe tag. You can see this in your demos
http://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx Select all Try to change the selection Actual: Selection is not changed Expected: Selection is changed
Steps to reproduce:
Insert a SELECT element containing some OPTION, select it and open InsertSelect dialog.
Expected: The SELECT to be loaded to the dialog and edited after closing it.
Actual: The SELECT is not loaded and a new SELECT has been inserted when closing the dialog.
Workaround:
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="InsertFormSelect"></telerik:EditorTool>
</telerik:EditorToolGroup>
</Tools>
<Content>
<p>Test</p>
</Content>
</telerik:RadEditor>
<script type="text/javascript">
var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
var getSelectedElement = editorPrototype.getSelectedElement;
editorPrototype.getSelectedElement = function (range) {
var selected = getSelectedElement.call(this, range);
return selected && selected.nodeName == "OPTION" ? selected.parentNode : selected;
};
</script>
When a folder with upload permissions is selected (not opened) from the right side of FileExplorer the upload button gets enabled, even if the currently loaded folder does not have permissions. The issue is reproducible both in Grid and Thumbnails mode. Video: http://screencast.com/t/5zAPNESZ85i5
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>
In case, where paragraph(<p>) with style "font-style: normal" is nested inside table cell (<td>) with style "style="font-style: italic;" the command incorrectly displays that the content has italic decoration applied and if used the cell is split into three new cells.
Workaround:
ControlsToSkip="TextArea"
Steps to reproduce:
<telerik:RadFormDecorator RenderMode="Lightweight" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" AutoResizeHeight="true">
<Content>
a<br/>a<br/>a<br/>a<br/>
</Content>
</telerik:RadEditor>
1. Set this content to a page
2. Toggle Preview mode
Actual behavior: TextArea remain visible on the page as its styles get overriden
Expected: TextArea is hidden
The droppdown tools of RadEditor are not fully visible when ToolbarMode = "RibbonBarFloating" in LightWight.
Reproduction code:
<telerik:RadEditor ID="reBody" runat="server" ToolbarMode="RibbonBarFloating" RenderMode="Lightweight">
</telerik:RadEditor>