radeditor not working in radtooltip

4 posts, 0 answers
  1. Ken Gunderman
    Ken Gunderman avatar
    12 posts
    Member since:
    Nov 2009

    Posted 09 Jan 2010 Link to this post

    I have a radtooltip that contains a radeditor. The radeditor is rendered when the radtooltip is visible and will allow content input, however none of the editor functionality works i.e. spell check search, ect. My situation is essentially this: aspx page, radtooltip, radeditor in radtooltip, fire tooltip, editor is rendered and functionality does not work. Any Ideas?

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 11 Jan 2010 Link to this post

    Hello Ken,

    We are aware of problems when the RadEditor is in a parent which is initially invisible and we are currently working o solving them. For the time being, in order to get the expected result both in IE and FF, you can use the following approach:

    <telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="true" TargetControlID="Button1"  
        ShowEvent="OnClick" OnClientShow="OnClientShow"  
        Height="900px" Width="900px" Style="z-index: 2000">  
        <div id="editorWrapper" style="padding: 5px;display:none;">  
            <telerik:RadEditor ToolsFile="BasicTools.xml" ID="RadEditor1"  
                runat="server" EditModes="All" NewLineBr="false" Width="350px" Height="135px">  
            </telerik:RadEditor>  
        </div>  
    </telerik:RadToolTip>  

     

    <script type="text/javascript">    
    function OnClientShow(sender, args)    
    {    
        // Fix the size problem in IE.  
        var editorParent = $get('editorWrapper');      
        editorParent.style.display = '';  
           
        // Fixes the problem with the content area in FF and Safari    
        var editor = $find("<%= RadEditor1.ClientID %>");    
        editor.onParentNodeChanged();    
        var style = editor.get_contentArea().style;  
        style.backgroundImage = "none";  
        style.backgroundColor = "white";   
    }  
    </script>  

    Please, use the provided code snippet as a start point and in case you need further assistance, share some runnable code which is related to the issue and we will do our best to help. 


    Greetings,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ken Gunderman
    Ken Gunderman avatar
    12 posts
    Member since:
    Nov 2009

    Posted 11 Jan 2010 Link to this post

    Thank you very helpful
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 11 Jan 2010 Link to this post

    Hello Ken,

    I am glad I could help you in your implementation. In case you experience any further problems, do not hesitate to contact us again.

    Sincerely yours,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top