Unable to enter Percent % symbol with French keyboard in the Image Options dialog

RELATED TO:

AUTHOR: Rumen Zhekov

DATE POSTED: October 09, 2018

PROBLEM

Unable to enter the Percent % symbol in the Width and Height textboxes of the Image Options dialog when using French keyboard
 

DESCRIPTION

The problem is due to different keyCode of the % symbol when using French keyboard. That's why the validation mechanism of the Width and Height fields does not allow it.
 

SOLUTION

To allow the % special symbol when typing in French, create a new Dialog.js file with the following contents:

Dialog.js
if (Sys && Sys.Application) {
    Sys.Application.add_init(function () {
        if (Telerik && Telerik.Web && Telerik.Web.UI.Widgets && Telerik.Web.UI.Widgets.ImageProperties) {
            var oldInit = Telerik.Web.UI.Widgets.ImageProperties.prototype.initialize;
            Telerik.Web.UI.Widgets.ImageProperties.prototype.initialize = function () {
                oldInit.call(this);
                this._allowedASCII = new Array(8, 16, 35, 36, 37, 39, 45, 46, 165, 192);
            }
        }
    });
}


and import the script file in the Set Image Properties dialog via the DialogsScriptFile property:

Default.aspx
<telerik:RadEditor ID="RadEditor1" runat="server" DialogsScriptFile="~/Dialog.js">
    <Content>
        <img src="Images/Apply.png" />
    </Content>
</telerik:RadEditor>

The DialogsScriptFile property allows to import JavaScript content in the RadEditor dialogs similarly to the DialogsCssFile property which allows to import custom stylesheet in them.

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.