Spell Checker overlapping over page content below Editor.

6 posts, 1 answers
  1. Jeff
    Jeff avatar
    29 posts
    Member since:
    Nov 2006

    Posted 12 Aug 2008 Link to this post

    Hi,

    I have found a layout issue with using the spell check feature of the RadEditor, for some reason it is causing the height of the Editor to increase and overlap the content below.  This happens in IE7 and not in Firefox.

    You can recreate this issue by going to your live examples in IE7 here and choosing the spell checker.  You can see that part of the content below ("Example Source Code & Description") is being overlapped by the RadEditor.

    Is there a solution to resolve this?

    Thanks for your help,

    Jeff
  2. Answer
    Rumen
    Admin
    Rumen avatar
    14323 posts

    Posted 14 Aug 2008 Link to this post

    Hi Jeff,

    Thank you for reporting this problem, which indeed appears only in IE7. I logged it in our bug tracking system and our developers will fix it in one of the upcoming hotfixes.

    We do appreciate your bug report and I updated your Telerik points.

    Best wishes,
    Rumen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. A
    A avatar
    20 posts
    Member since:
    Mar 2008

    Posted 28 Aug 2008 Link to this post

    Hi,
    I also have encountered this issue.
    The posted solution for showing the RadEditor as a textbox causes the spellchekers buttons to be invisible but the content area is still shifted down.
    I can make the toolsarea not take up space via CSS but is there a way I can use a custom toolbar button that I add to the RadEditor to envoke the Spellcehcker Cancel and Finish Spellchecking buttons to avoid having to show the toolarea?

    Thanks, Andy
  4. Rumen
    Admin
    Rumen avatar
    14323 posts

    Posted 29 Aug 2008 Link to this post

    Hi Andy,

    You can use the following code to decrease the editor's height when the spellchecker is fired and to increase it back to the original when the spellchecking is finished:

    <script type="text/javascript">  
        function OnClientLoad(sender, args)  
        {  
            sender.add_spellCheckLoaded( 
                function()  
                { 
                    var spell = sender.get_ajaxSpellCheck();  
                     
                    spell.add_spellCheckStart( 
                        function(sender, args)  
                        {  
                            var editor = sender.get_editor(); 
                            var edH = editor.get_element().clientHeight; 
                            var edW = editor.get_element().clientWidth; 
                            editor.setSize(edW,edH-9); 
                        }); 
                 
                    spell.add_spellCheckEnd( 
                        function(sender, args)  
                        { 
                            var editor = sender.get_editor(); 
                            var edH = editor._element.clientHeight; 
                            var edW = editor._element.clientWidth; 
                            editor.setSize(edW,edH+9); 
                        }); 
                } ); 
            } 
    </script> 
     
    <telerik:RadEditor Id="RadEditor1" Runat="server"  
        OnClientLoad="OnClientLoad"> 
        <Content> 
            Some tezzt content. 
        </Content> 
    </telerik:RadEditor> 

    You need also to hide the modules with the following code:

            RadEditor1.EnsureToolsFileLoaded();
            RadEditor1.Modules.Clear();



    All the best,
    Rumen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. Oleg
    Oleg avatar
    9 posts
    Member since:
    Sep 2012

    Posted 13 Sep 2012 Link to this post

    It is does not work for IE7 and IE8!
  6. Rumen
    Admin
    Rumen avatar
    14323 posts

    Posted 18 Sep 2012 Link to this post

    Hi,

    I tested the code with the latest version of RadEditor under IE7, IE8 and IE9 and verified that it works as expected. You can see my test in the following video: http://screencast.com/t/zOKDCwIt.

    For your convenience I have attached my project.

    Best regards,
    Rumen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top