Dictionary Drop Down Width

7 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    33 posts
    Member since:
    Jan 2011

    Posted 16 May 2011 Link to this post

    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

     
  2. Rumen
    Admin
    Rumen avatar
    13804 posts

    Posted 16 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Jonathan
    Jonathan avatar
    33 posts
    Member since:
    Jan 2011

    Posted 16 May 2011 Link to this post

    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>
  4. Jonathan
    Jonathan avatar
    33 posts
    Member since:
    Jan 2011

    Posted 18 May 2011 Link to this post

    Hi

    Can you please provide an update on this?

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

    Regards,
    Jonathan
  5. Rumen
    Admin
    Rumen avatar
    13804 posts

    Posted 18 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. Jonathan
    Jonathan avatar
    33 posts
    Member since:
    Jan 2011

    Posted 18 May 2011 Link to this post

    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
  7. Rumen
    Admin
    Rumen avatar
    13804 posts

    Posted 18 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top