When using Metro skin, if I click on a disabled button (Undo, Redo, Unlink and so on), its icon disappears until I click outside it.
https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Metro
This does not happen with MetroTouch, Silk or Default skin. How do I replicate the same behavior with Metro skin?
Hi Jacki,
Thank you for your bug report!
I was able to reproduce and log it for fixing.
The temporary solution I would suggest is adding the following CSS on the page with RadEditor which will fix the problem:
<style>
html body form .RadEditor_Metro a.reToolDisabled li:hover .reToolDisabled,
html body form .RadEditor_Metro a.reToolDisabled.reTool:hover,
html body form .RadEditor_Metro a.reToolDisabled.reTool:active,
html body form .RadEditor_Metro a.reToolDisabled.reTool:focus,
html body form .RadEditor_Metro .reInsertTable a.reToolDisabled.reTool:hover:before,
html body form .RadEditor_Metro a.reToolDisabled.reTool.reToolSelected,
html body form .RadEditor_Metro a.reToolDisabled.reTool:hover .reSplitArrow,
html body form .RadEditor_Metro a.reToolDisabled.reTool:active .reSplitArrow,
html body form .RadEditor_Metro a.reToolDisabled.reTool:focus .reSplitArrow {
pointer-events: none;
color: #333;
background-color: #f9f9f9;
border-color: #e0dfdf;
}
</style>
<telerik:RadEditor ID="RadEditor1" Skin="Metro" runat="server"></telerik:RadEditor>
Regards,
Rumen
Progress Telerik