[Solved] Toolbar Display

[Chris Smith]

Experienced members,

I am trying to do what I thought would be a simple change to a page with a RadEditor control. All I would really like to do is turn the toolbar completely off. No, floating around, no tools, just a simple textbox appearance. I have reviewed the demo that shows a textbox appearance, but I am not finding anything that shows turning off the toolbar completely.

Can anyone point me in the right direction?

Thanks,

Chris

[Svetlina Anati]

Hello Chris,

You can display RadEditor as a textbox and hide the pageTop toolbar using the following css classes and editor properties:

   <style type="text/css">
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
    {
        display: none !important;
    }
    .RadEditor.Default.reWrapper
    {
        border: 1px solid black !important;
    }

    /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
    .reWrapper_corner, .reWrapper_center
    {
           display: none !important;
    }

    .reLeftVerticalSide,
    .reRightVerticalSide,
    .reToolZone,
    .reToolCell
    {
        background: white !important;
    }

    .reContentCell
    {
        border-width: 0 !important;
    }

    .RadEditor
    {
           filter: chroma(color=c2dcf0);
    }
    </style>
    <telerik:RadEditor ID="RadEditor1" ToolbarMode="pageTop" runat="server" EditModes="design"  _AutoResizeHeight="true" width="300" Height="200">
        <Modules>
            <telerik:EditorModule Name="fake" />
        </Modules>
    </telerik:RadEditor>

Note, that the Default is actually the skin name and thuis if you are using another skin you should set its name instead.

Regards,
Svetlina
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.