Dictionary Drop Down Width

[Jonathan]

Hi

I have had to add some custom values to the available languages in the dictionary drop down list, however I need to make the drop downs width much wider as the descriptions I have used for the languages look squashed.

I've been unable to find any help topics on this apart from trying to apply the popup width property to the control itself but this did not change the width.

I have attached a picture with an example of the drop down I am using and ideally would like the width to match the longest description.

Regards,
Jonathan

 

[Rumen]

Hello Jonathan,

You can resize the AjaxSpellChecker dropdown width of RadEditor Classic using the following code:

<script type="text/javascript">
function OnClientLoad(editor)
{
   //get a reference to the AjaxSpellCheck dropdown tool
   var tool = editor.GetToolByName("AjaxSpellCheck");

   //set dropdown pop up width
   tool.PopupWidth = 400;
}
</script>

<radE:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad" EnableDocking="false"
    ImagesPaths="~/Images/Content/Home,~/Images/Content,~/Images/">
</radE:RadEditor>

The demo is based on the following article: Resizing The Dropdown Header And Pop Up Size.

All the best,
Rumen
the Telerik team

[Jonathan]

Hi

I'm afraid that did now work.

I've added the code you supplied and how I have the RadEditor declared on the page.

<%@ Register TagPrefix="rade" Namespace="Telerik.WebControls" Assembly="RadEditor" %>
<radE:RadEditor id="cBodyTextRadEditor" Runat="server"
                ToolsFile="~/Properties/Content/TasksAndDiscussions/Threaded/TextEditorToolsConfig.xml"
                Editable="true" height="400px" width="500px" showsubmitcancelbuttons="false"
                Scheme="~/RadControls/Editor/Schemes/Monochrome" OnClientLoad="OnClientLoad"
                EnableDocking="false"></radE:RadEditor>

<script type="text/javascript">

    //Telerik supplied function for cursor positioning **DO NOT DELETE**
    RadEditor.prototype.SetActive = function () {
        if (this.IsIE) {
            var curArea = this.Document.body;
            if (curArea && curArea.setActive) curArea.setActive();
        }
    };

    function OnClientLoad(editor)
    {
        //get a reference to the AjaxSpellCheck dropdown tool
        var tool = editor.GetToolByName("AjaxSpellCheck");

        //set dropdown pop up width
        tool.PopupWidth = 400;
    }
</script>

[Jonathan]

Hi

Can you please provide an update on this?

If you need any more information from me please let me know.

Regards,
Jonathan

[Rumen]

Hello Jonathan,

The OnClientLoad function code should be placed above the RadEditor's declaration, e.g.

<script type="text/javascript">
function OnClientLoad(editor)
{
    //get a reference to the AjaxSpellCheck dropdown tool
    var tool = editor.GetToolByName("AjaxSpellCheck");

    //set dropdown pop up width
    tool.PopupWidth = 400;
}
</script>

<radE:RadEditor id="cBodyTextRadEditor" Runat="server"
           ToolsFile="~/Properties/Content/TasksAndDiscussions/Threaded/TextEditorToolsConfig.xml"
            Editable="true" height="400px" width="500px" showsubmitcancelbuttons="false"
            Scheme="~/RadControls/Editor/Schemes/Monochrome" OnClientLoad="OnClientLoad"
            EnableDocking="false"></radE:RadEditor>
<script type="text/javascript">

//Telerik supplied function for cursor positioning **DO NOT DELETE**
RadEditor.prototype.SetActive = function () {
    if (this.IsIE) {
        var curArea = this.Document.body;
        if (curArea && curArea.setActive) curArea.setActive();
    }
};
</script>

You can see how the code works in the following video: http://screencast.com/t/utOfIJdK7meo.

Best regards,
Rumen
the Telerik team

[Jonathan]

Hi

I'm afraid this throws an OnClientLoad error when the page load occurs.

I tried clearing the cache and executing the page and I still got the OnLoad error.

I have attached a screenshot of the error message received.

Regards,
Jonathan

[Rumen]

Hi Jonathan,

For your convenience I have attached my test project. You can compare it with yours and find the differences. Note that the project works with the latest version of RadEditor Classic 7.3.6.

All the best,
Rumen
the Telerik team