RadEditor inside Tooltip

[John Yu]

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

[Victor]

Could you possibly use the RadWindow instead of the RadToolTip?

[Tsvetie]

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.

[Irwin hurst]

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.

[Svetlina Anati]

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.