Editor inside of RadDock goes blank after click

[Aron]

Hello,
I have 3 RadDocks, each has a RadEditor.
After I drag any of the docks to the middle of the page. Or after I make a font change. The editor goes blank.
Here's the actual page: http://67.199.68.133/vista.aspx

<telerik:RadDockLayout ID="RadDockLayout1" runat="server"
        StoreLayoutInViewState="True">
        <div  style="width:100%">
            <div class="dleft">
                <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="600px"
                    Width="300px" BackColor="#FFFFCC" BorderColor="#00CC66" BorderWidth="1px"
                    BorderStyle="Solid" Skin="Hay">
                    <telerik:RadDock ID="RadDock1" runat="server" Width="300px" Height="90px"  Resizable="true"
                        Text="Gone with the wind"  Title="Event Name" DockHandle="Grip">
                                 <ContentTemplate>
                         <telerik:RadEditor ID="RadEditor1" ToolsFile="BasicTools.xml" Height="99%" Width="99%"
                            runat="server" EditModes="Design" ToolbarMode="PageTop" >
                            </telerik:RadEditor>
                                 </ContentTemplate>
                    </telerik:RadDock>
                    <telerik:RadDock ID="RadDock2" runat="server" Width="300px" Height="90px" Resizable="true"
                        Text="March 17, 2009" Title="Event Date" DockHandle="Grip">
                        <ContentTemplate>
                            <telerik:RadEditor ID="RadEditor2" ToolsFile="BasicTools.xml" Height="99%" Width="99%"
                            runat="server" EditModes="Design" ToolbarMode="PageTop" >
                            </telerik:RadEditor>
                        </ContentTemplate>
                    </telerik:RadDock>
                     <telerik:RadDock ID="RadDock3" runat="server" Width="300px" Height="90px"  Resizable="true"  
                       Title="Event Time" dockhandle="Grip">
                                 <ContentTemplate>
                                 <telerik:RadEditor ID="RadEditor3" ToolsFile="BasicTools.xml" Height="99%" Width="99%"
                            runat="server" EditModes="Design" ToolbarMode="PageTop" >
                            </telerik:RadEditor>
                                 </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </div>
            <div class="dright" >
              
                <br style="clear:both" />
                <div class="dropArea">
                
                </div>
            </div>
        </div>
    </telerik:RadDockLayout>

[Nikolay Raykov]

Hello Adam,

I tried to reproduce the problem but unfortunately to no avail. I tested both on your test server in Firefox and IE and locally as well. I also prepared a video where you can see that everything works OK on my machine.

Please, examine the attached file. If I am doing something wrong  give us more detailed steps to reproduce the problem.

Sincerely yours,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Aron]

Hello,
it works perfect in ie 7.
At first in Firefox it works perfect.
However if you
- make a change in an editor
- then drag and drop that dock a little bit. Then sometimes the text will disappear.

[Nikolay Raykov]

Hi Adam,

I was able to reproduce your problem with the instructions that you gave us. When you move the dock with RadEditor inside it in FF sometimes the Content Area (which is an IFrame) might become uneditable.

When I looked at the page source of your page I noticed that you are using an old version of Telerik's ASP.NET AJAX Suite. I suggest to update to the latest version of our controls. I made a test with it and everything worked as expected.


All the best,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Aron]

Hey, cool, 1 last question.

Is it possible to only show the Dock handles on mouse over?

What I really want is a

• bunch of labels
• you can drag them around
• if you double click on them a WUSIWUG editor pops up
• then a button can retrieve the coordinates of the labels.

is this possible?

[Nikolay Raykov]

Hello Adam,

This task is not related to the RadDock control and can be achieved by using simple javascript.

You could, however, set the label inside the content template of the dock and hide the handle on OnClientInitialize.

<telerik:RadDock ID="RadDock1" runat="server" Width="300px" Height="90px"  Resizable="true" Text="Gone with the wind" Title="Event Name" DockHandle="Grip" OnClientInitialize="OnClientInitialize">
    <ContentTemplate>Test</ContentTemplate>
</telerik:RadDock>

This is the declaration of the dock.

function OnClientInitialize(dock, args)
{
   var handle = dock.get_handle();
   handle.style.display = 'none';
   var container = dock.get_contentContainer();
   $addHandler(container, 'mouseover', function(){
       handle.style.display = '';
   });
}

Here you hide the handle and on the onmouseover event of the content container you show it.

You could attach a ondbclick event handler for the label and show the editor when the event is raised. To get the mouse cursor position you need to attach a mousedown event on the label.

All the best,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.