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

Rad Editor loses its deisgn when the mode is changed from Design/Preview to HTML mode in mozilla

1 Answer 15 Views
Input
This is a migrated thread and some comments may be shown as answers.
Perfect
Top achievements
Rank 1
Perfect asked on 24 Feb 2012, 11:19 AM
Hi,

Am using a rad Editor with the below design , style & properties .
It works fine on IE but its design changes in mozilla firefox (all version)when traversed from Design/Preview to Html mode.Let  me know
what should be done ?

EditorContentArea.css

body
{
    font-family: verdana !important;
    color: black !important;
    background-color: White !important;
    font-size: 9pt !important;
}
DynamicContentEditorToolsFile.xml
<root>
    <tools dockable="false">
        <tool name="FindAndReplace"/>
        <tool name="AjaxSpellCheck"/>
        <tool separator="true"/>
        <tool name="Cut"/>
        <tool name="Copy"/>
        <tool name="Paste"/>
        <tool name="PasteFromWord"/>
        <tool name="PastePlainText"/>
        <tool separator="true"/>
        <tool name="Undo"/>
        <tool name="Redo"/>

        <tool separator="true"/>

        <tool name="InsertSymbol"/>

    </tools>
    <tools dockable="false">
        <tool name="Bold"/>
        <tool name="Italic"/>
        <tool name="Underline"/>
        <tool separator="true"/>
        <tool name="JustifyLeft"/>
        <tool name="JustifyCenter"/>
        <tool name="JustifyRight"/>
        <tool name="JustifyFull"/>
        <tool separator="true"/>
        <tool name="InsertOrderedList"/>
        <tool name="InsertUnorderedList"/>
        <tool name="Outdent"/>
        <tool name="Indent"/>
        <tool separator="true"/>

        <tool name="StrikeThrough"/>

        <tool name="InsertParagraph"/>
        <tool name="Help"/>
    </tools>
    <tools dockable="false">
        <tool name="FontName"/>
        <tool name="FontSize"/>
        <tool name="ForeColor"/>
        <tool name="BackColor"/>

        <tool name="FormatStripper"/>
        <tool name="LinkManager" />
    </tools>

    <tools dockable="false">
        <tool name="InsertTable" />
        <tool name="InsertRowAbove" />
        <tool name="InsertRowBelow" />
        <tool name="DeleteRow" />
        <tool name="InsertColumnLeft" />
        <tool name="InsertColumnRight" />
        <tool name="DeleteColumn" />
    </tools>
</root>

 <telerik:RadEditor id="txtDescription" runat="server" toolbarmode="ShowOnFocus" skin="Office2007"
        enableresize="false" enabletextareamode="false" width="90%" height="100px" clientidmode="Static"
        allowscripts="false" contentfilters="EncodeScripts" ContentAreaCssFile="~/Styles/EditorContentArea.css" ToolsFile="DynamicContentEditorToolsFile.xml">
    </telerik:RadEditor>

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 28 Feb 2012, 01:32 PM
Hello,

My recommendation is to increase the height of "100px" to at least "250px" and test again. Firefox has problem to render iframe elements the size of which is less than 150px.

Greetings,
Rumen
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Input
Asked by
Perfect
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or