Editor inside of RadDock goes blank after click

6 posts, 0 answers
  1. Aron
    Aron avatar
    80 posts
    Member since:
    Dec 2005

    Posted 05 Jan 2009 Link to this post

    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>
  2. Nikolay Raykov
    Admin
    Nikolay Raykov avatar
    102 posts

    Posted 08 Jan 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aron
    Aron avatar
    80 posts
    Member since:
    Dec 2005

    Posted 08 Jan 2009 Link to this post

    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.
  5. Nikolay Raykov
    Admin
    Nikolay Raykov avatar
    102 posts

    Posted 10 Jan 2009 Link to this post

    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.
  6. Aron
    Aron avatar
    80 posts
    Member since:
    Dec 2005

    Posted 10 Jan 2009 Link to this post

    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?
  7. Nikolay Raykov
    Admin
    Nikolay Raykov avatar
    102 posts

    Posted 13 Jan 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017