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

Editor inside of RadDock goes blank after click

5 Answers 83 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Aron
Top achievements
Rank 2
Aron asked on 05 Jan 2009, 03:23 PM
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>

5 Answers, 1 is accepted

Sort by
0
Nikolay Raykov
Telerik team
answered on 08 Jan 2009, 12:41 PM
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.
0
Aron
Top achievements
Rank 2
answered on 08 Jan 2009, 12:49 PM
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.
0
Nikolay Raykov
Telerik team
answered on 10 Jan 2009, 04:39 PM
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.
0
Aron
Top achievements
Rank 2
answered on 10 Jan 2009, 05:14 PM
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?
0
Nikolay Raykov
Telerik team
answered on 13 Jan 2009, 12:37 PM
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.
Tags
Editor
Asked by
Aron
Top achievements
Rank 2
Answers by
Nikolay Raykov
Telerik team
Aron
Top achievements
Rank 2
Share this question
or