This is a migrated thread and some comments may be shown as answers.

RadEditor inside Tooltip

4 Answers 198 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
John Yu
Top achievements
Rank 1
John Yu asked on 17 Sep 2008, 01:49 PM
Hello Everyone,
I have a scenario, in this i open a tooltip with a onclick event of the button,
inside the tooltip i placed a radeditor.

The problem i faced is in IE, i can type into the radeditor, but in browsers like Mozilla and Safari i can't type into the radeditor

Can u please give solution for this

4 Answers, 1 is accepted

Sort by
0
Victor
Top achievements
Rank 1
answered on 17 Sep 2008, 02:24 PM
Could you possibly use the RadWindow instead of the RadToolTip?
0
Tsvetie
Telerik team
answered on 18 Sep 2008, 01:08 PM
Hello John Yu,
We are aware of this problem. For the time being, you can use the following workaround:
<form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <asp:Button ID="Button1" runat="server" Text="Show tooltip"></asp:Button> 
      
    <telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="true"   
        TargetControlID="Button1" 
        ShowEvent="OnClick" 
        OnClientShow="OnClientShow" 
        OnClientBeforeShow="OnClientBeforeShow">  
        <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor> 
    </telerik:RadToolTip> 
    <script type="text/javascript">  
    function OnClientBeforeShow(sender, args)  
    {     
        // Fixes the problem with the toolbar  
        var serverElement = sender.get_element();  
        serverElement.style.display = '';  
          
        window.setTimeout(function(){  
           serverElement.style.display = 'none';  
        }, 0);  
    }  
      
    function OnClientShow(sender, args)  
    {  
        // Fixes the problem with the content area in FF and Safari  
        var editor = $find("<%= RadEditor1.ClientID %>");  
        editor.onParentNodeChanged();  
    }  
    </script> 
</form> 

The problem is caused by the fact that the RadEditor is rendered in an invisible element and then is moved from that parent to another, that is visible. As the editor cannot initialize correctly when it is a child of an element with "display:none", we have code that executes to initialize it correctly as soon as its parent becomes visible. In this particular case however, the editor is not notified of the fact that it is moved to a visible parent. We will do our best to improve the behavior of the RadEditor in such cases for one of the following updates of the suite.

Kind regards,
Tsvetie
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Irwin hurst
Top achievements
Rank 2
answered on 20 Jan 2009, 08:09 PM
This almost works but it has a couple different issues depending on which browser you are using.
1. In IE it is not loading all the toolbars.  When I load all the toolbars then I only see the bottom 2, when I load just 1 toolbar then I do not see any.  For the toolbars that load, the dropdowns seem to work fine unlike the problem below in FireFox.

2. In FireFox all the toolbars load fine.  The only problem is that any kind of dropdown such as fonts, colors, etc. seem to float in the wrong place on the page and do not line up under each of the buttons where they below.  To recreate this I put a button at the bottom of a 1200px page. Scroll down to the button and onclick it calls tooltip.show().  The tooltip appears with the editor inside it, but when you click the font dropdown it appears near the top of the page instead of where it belongs.  RadComboBox also has this problem when it appears on a Tooltip control but there is a workaround for it that seem to work fine.

I have a page to reproduce this issue, please let me know where to mail it.
0
Svetlina Anati
Telerik team
answered on 23 Jan 2009, 01:38 PM
Hello Irwin,

In order to be able to send us a sample reproduction page you should open a new support ticket because you cannot upload files in the forums. This being said, open a new support ticket and attach your demo there along with detailed explanations and some screenshots - this will help us resolve the problem faster and assist you in your implementation.



Regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
ToolTip
Asked by
John Yu
Top achievements
Rank 1
Answers by
Victor
Top achievements
Rank 1
Tsvetie
Telerik team
Irwin hurst
Top achievements
Rank 2
Svetlina Anati
Telerik team
Share this question
or