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

[Solved] RadEditor Classic Toolbox distorted

1 Answer 116 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Vandana
Top achievements
Rank 1
Vandana asked on 20 Oct 2009, 07:39 PM

Hi,

I am using Radeditor for one of my projects. The same project is used with its 2 instances. In one of my instances of project, the toolbox view of radeditor is very very distorted. You can check the view in the attached file. But in other project which has same code and setting the view is perfect. I could not understand whats the reason for this. The toolsfile.xml is here.

<root>    
    <modules> 
        <module name="RadEditorStatistics" dockingZone="Bottom" enabled="true" visible="true"/>       
        <module name="RadEditorDomInspector" dockingZone="Module" enabled="true" visible="true" /> 
        <module name="RadEditorNodeInspector" dockingZone="Module" enabled="true" visible="true" dockable="false" /> 
        <module name="RadEditorHtmlInspector" dockingZone="Module" enabled="true" visible="false" /> 
        <module name="RadEditorXhtmlValidator" dockingZone="Module" enabled="true" visible="true" dockable="true" /> 
    </modules> 
    <tools name="MainToolbar" isribbon="false" dockable="true">                       
        <tool name="AjaxSpellCheck"/>         
        <tool name="FindAndReplace" shortcut="CTRL+F"/>       
        <tool name="Copy" shortcut="CTRL+C"/>  
        <tool name="Paste" shortcut="CTRL+V"/>  
        <tool name="PasteFromWord" /> 
        <tool name="PasteFromWordNoFontsNoSizes" /> 
        <tool name="PastePlainText" /> 
        <tool name="PasteAsHtml"  /> 
        <tool separator="true"/>  
        <tool name="Undo" shortcut="CTRL+Z"/>  
        <tool name="Redo" shortcut="CTRL+Y"/>  
    </tools> 
    <tools name="InsertToolbar" isribbon="false">         
        <tool name="ImageManager" shortcut="CTRL+G"/>  
        <tool name="ImageMapDialog"/>  
        <tool name="AbsolutePosition" /> 
        <tool separator="true"/>          
        <tool name="FlashManager" /> 
        <tool name="MediaManager" /> 
        <tool name="DocumentManager" />       
        <tool name="TemplateManager" />       
        <tool name="LinkManager" shortcut="CTRL+K"/>  
        <tool name="Unlink" shortcut="CTRL+SHIFT+K"/>                     
    </tools> 
    <tools isribbon = "false">  
        <tool name="Bold" shortcut="CTRL+B"/>  
        <tool name="Italic" shortcut="CTRL+I"/>  
        <tool name="Underline" shortcut="CTRL+U"/>  
        <tool name="StrikeThrough" /> 
        <tool separator="true"/>  
        <tool name="JustifyLeft" /> 
        <tool name="JustifyCenter" /> 
        <tool name="JustifyRight" /> 
        <tool name="JustifyFull" /> 
        <tool name="JustifyNone" /> 
        <tool separator="true"/>  
        <tool name="Indent" /> 
        <tool name="Outdent" /> 
        <tool name="InsertOrderedList" /> 
        <tool name="InsertUnorderedList" /> 
    </tools> 
    <tools isribbon="false">      
        <tool name="ConvertToLower" /> 
        <tool name="ConvertToUpper" />        
        <tool separator="true"/>          
          
        <tool name="InsertTable" /> 
        <tool name="InsertSnippet" /> 
        <tool name="InsertFormElement" /> 
        <tool name="InsertSymbol" />              
    </tools> 
    <tools name="DropdownToolbar" isribbon="false">  
    <tool name="FormatBlock"/>  
        <tool name="FontName"/>  
        <tool name="FontSize"/>  
        <tool separator="true"/>  
        <tool name="FormatStripper"/>         
        <tool name="ApplyClass"/>                 
        <tool name="InsertCustomLink"/>               
        <tool name="ForeColor"/>  
        <tool name="BackColor"/>          
    </tools>      
    <tools name="DialogToolbar" dockingZone="Top" enabled="true" isribbon="false">  
        <tool name="IncreaseSize" shortcut="F10"/>        
        <tool name="DecreaseSize" shortcut="F9"/>     
        <tool name="Print" shortcut="CTRL+P"/>    
        <tool name="Superscript" /> 
        <tool name="Subscript" />         
        <tool name="InsertParagraph" /> 
        <tool name="InsertHorizontalRule" /> 
        <tool name="InsertDate" /> 
        <tool name="InsertTime" />        
        <tool separator="true"/>          
        <tool name="AboutDialog" /> 
        <tool name="Help" shortcut="F1"/>  
    </tools>      
    <tools name="EnhancedEditToolbar" dockingZone="Bottom" dockable="true">  
        <tool name="ToggleScreenMode" shortcut="F11"/>  
        <tool name="ToggleTableBorder" /> 
        <tool name="Zoom" /> 
        <tool name="ModuleManager" /> 
        <tool name="ToggleDocking" /> 
        <tool name="RepeatLastCommand" shortcut="F4"/>        
    </tools>      
    <links> 
        <link name="Telerik" href="http://www.telerik.com">  
            <link name="Products" href="http://www.telerik.com/products">  
                <link name="RadControls suite" href="http://www.telerik.com/radcontrols" /> 
                <link name="RadEditor" href="http://www.telerik.com/radeditor" /> 
                <link name="RadSpell" href="http://www.telerik.com/radspell" /> 
                <link name="RadChart" href="http://www.telerik.com/radchart" /> 
                <link name="RadMenu" href="http://www.telerik.com/radmenu" /> 
                <link name="RadTreeView" href="http://www.telerik.com/radtreeview" /> 
                <link name="RadPanelbar" href="http://www.telerik.com/radpanelbar" /> 
                <link name="RadRotator" href="http://www.telerik.com/radrotator" /> 
                <link name="RadTabStrip" href="http://www.telerik.com/radtabstrip" tooltip="TabStrip" /> 
            </link> 
            <link name="Purchase" href="http://www.telerik.com/purchase" /> 
            <link name="Support" href="http://www.telerik.com/support" /> 
            <link name="Client.Net" href="http://www.telerik.com/clientnet" /> 
        </link> 
        <link name="Microsoft">  
            <link name="Main Site" href="http://www.microsoft.com" /> 
            <link name="MSDN Online" href="http://msdn.microsoft.com" /> 
            <link name="Windows Update" href="http://windowsupdate.microsoft.com" /> 
        </link> 
        <link name="Search Engines">  
            <link name="Google" href="http://www.google.com" /> 
            <link name="Yahoo" href="http://www.yahoo.com" /> 
            <link name="AltaVista" href="http://www.altavista.com" /> 
        </link> 
    </links> 
    <snippets> 
        <snippet name="Order Confirmation">  
                <![CDATA[
                    <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                    Dear ____________________,<br />
                    Thank you for inquiring about ____________. Your request will be processed in 48 hours and shipped at the address you have provided. 
                    <br /><br />
                        <b>Please, contact us if you have any problems.</b>
                    </div>
                ]]> 
            </snippet> 
            <snippet name="Email Signature">  
                <![CDATA[
                    <div style="margin-top:30px;width:80%;border-top:1px dotted gray;padding-top:4px;font-family:Arial, Verdana; font-size:11px;">
                    <b>John Wigham</b><br />
                    Senior Web Developer<br />
                        <a href="#">john@mysite.com</a>
                        <br />
                            <br />
                                <i>Disclaimer: The contents of this e-mail are privileged and confidential and intended for the addressees at the specified e-mail addresses only.</i>
                    </div>
                ]]> 
            </snippet> 
            <snippet name="Problem Report Feedback">  
                <![CDATA[
                    <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                    Hi ____________________,<br />
                    Thank you for reporting this issue. We have verified the problem and it is logged in our system. We will notify you once we have a solution. 
                    <br /><br />
                        <b>Please, contact us if you have any problems.</b>
                    </div>
                ]]> 
            </snippet> 
    </snippets> 
    <symbols></symbols>   
    <fontNames> </fontNames>      
    <fontSizes></fontSizes>  
    <colors></colors>     
    <paragraphs></paragraphs>  
    <classes></classes>  
    <dialogParameters></dialogParameters>  
    <languages></languages>  
    <contextMenus></contextMenus>  
</root> 
<!-- ==============================================================================================  
The ToolsFile must have a valid structure as shown below  
All attributes and their values are case sensitive!   
<root> 
  <modules> 
    <module /> 
    <module/> 
  </modules> 
  <tools> 
    <tool /> 
    <tool /> 
     ...  
  </tools> 
    ...   
  <colors> 
    <color/> 
    <color/> 
  </colors> 
</root>   
 
<tool> element valid attributes:  
   
name (required): Bold Italic Underline StrikeThrough Superscript Subscript   
JustifyLeft JustifyCenter JustifyRight JustifyFull InsertOrderedList InsertUnorderedList   
Outdent Indent Cut Copy Paste PasteFromWord   
PastePlainText PasteAsHtml Print Undo Redo ImageManager   
AbsolutePosition LinkManager Unlink InsertBoldHorizontalRule InsertTable ToggleTableBorder   
FormatBlock ApplyClass FontName  FontSize InsertCustomLink Custom   
InsertSymbol BackColor ForeColor FlashManager MediaManager SpellCheck   
FormatStripper InsertParagraph InsertSnippet Help FindAndReplace DocumentManager   
PasteFromWordNoFontsNoSizes InsertFormElement InsertDate InsertTime TemplateManager ToggleScreenMode   
Zoom ModuleManager ToggleDocking RepeatLastCommand AboutDialog    
   
shortcut  
(not required):  
 The key combination for the specific tool. Examples:  
    <tool name="TemplateManager" shortcut="Ctrl+Shift+Alt+N"/>   
    <tool name="LinkManager" shortcut="Ctrl+L" />   
 
 
<separator> element  
true/false Indicates whether a separator should appear at current position.   
 
<tools> element valid attributes:  
name (required): This string will identify the toolbar.   
enabled (not required): true/false (Indicates whether the tool will be available on the client or not)  
visible (not required):  
 true/false (Indicates whether the tool should appear in the toolbar or not. This toolbar will be available client-side - the property defines only the visibility of the tool.)   
dockable (not required):  
 true/false (Indicates whether you will be able to drag&drop the toolbar to the docking zones)   
 
<module> element valid attributes:  
(module elements should appear as child elements of an element "modules")  
name (required):  
 The friendly name of the module. When in floating mode the name will appear in the tool's titlebar.  
dockable (not required):  
 (Indicates whether you will be able to drag&drop the tool to the docking zones)  
enabled (not required):  
 (Indicates whether the module will be available on the client or not)  
visible (not required):  
 (Indicates whether the module should appear in the toolbar or not. This module will be available client-side - the property defines only the visibility of the module. )   
 
<link> element valid attributes:  
(link elements should appear as child elements of an element "links")  
name (required):  
 Link/Category Name/Alias  
href (not required):  
 URL of the link/category  
target (not required):  
 The target window of the link  
tooltip (not required):  
 The tooltip for the link  
   
<symbol> element valid attributes:  
(symbol elements should appear as child elements of an element "symbols")  
value (required):  
 The symbol to be displayed  
 
<font> element valid attributes:  
(font elements should appear as child elements of a tool element with "name" attribute set to "fontNames")  
name (required):  
 Font Name  
   
<class> element valid attributes:  
(class elements should appear as child elements of an element "classes")  
name (required):  
 Class Alias   
value (required):  
 Class Name   
 
<paragraph> element valid attributes:  
(paragraph elements should appear as child elements of an element "paragraphs")  
   
name (required):  
 Paragraph Alias   
value (required):  
 Paragraph Name   
 
<color> element valid attributes:  
(color elements should appear as child elements of an element "colors")  
value (not required):  
 Hex value of the color   
 
<snippet> element valid attributes:  
(snippet elements should appear as child elements of an element "snippets")  
name (required):  
 Snippet Alias  
   
<language> element valid attributes:  
(language elements should appear as child elements of an element "Languages")  
code (required):  
 Language code  
title (required):  
 Language Title  
   
The contextMenus tag in the Tools file allows you to change the default or specify custom context menus for different HTML elements.  
<contextMenu > element valid attributes:  
(contextMenu elements should appear as child elements of an element "contextMenus")  
forElement (required):  
 The HTML element that will call this menu.  
enabled (required):  
 Defines if this context menu is switched.  
 
The example below shows how to attach custom context menus for <A> and <P> elements.  
 
<contextMenus> 
   <contextMenu forElement="A" enabled="false">  
   </contextMenu> 
   <contextMenu forElement="P">  
       <tool name="JustifyLeft" /> 
       <tool name="JustifyCenter" /> 
       <tool name="JustifyRight" /> 
       <tool name="JustifyFull" /> 
   </contextMenu> 
</contextMenus>               
=============================================================================================== --> 

Please help me...

Thanks,
Vandana Wadhwani

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 23 Oct 2009, 09:01 AM
Hi Vandana,

The problem is most likely due to some global css class for TABLE, TR and TD that is spoiling the appearance of RadEditor. You should locate the problematic class and correct it.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Editor
Asked by
Vandana
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or