RadEditor won't allow manual resize.

[Thomas]

I have a RadEditor in my web application defined as follows:

<tr>
    <th style="text-align: right; vertical-align: top;">
        <asp:Label ID="lblQuestion" runat="server" Text="Question"></asp:Label>
    </th>
    <td style="text-align: left; vertical-align: top;">
        <telerik:RadEditor ID="redQuestion" runat="server" EditModes="Design" Skin="Bootstrap" ToolsFile="~/EditorTools.xml" Width="100%" Height="150px" BorderStyle="Solid" BorderColor="Black" BorderWidth="1">
        </telerik:RadEditor>
    </td>
</tr>

When I run, I cannot grab the corner of the RadEditor and resize the text area, but if I remove the EditModes="DESIGN" property, then the grabber appears in the lower right corner and I can resize the text area.

I found this article on the forum that said to specify the style below, but it did not resolve my issue.

<style type="text/css">
.reToolZone table tr
{
    display: block !important;
}
</style>

Can anyone offer any suggestions or insight into how to have DESIGN mode but still be able to resize the text area?

[Rumen]

Hi Thomas,

There are two approaches to allow the resizing:

1. Set the RenderMode to Lightweight and the resize handler will appear when the EditModes property is set to Design.
2. or Keep the RenderMode to Classic, but not set the EditModes. Instead of this hide the Design, Html and Preview buttons with a CSS class:
   
   

   <style>
       .reEditorModes {
           display: none;
       }
   </style>
   <telerik:RadEditor ID="redQuestion" runat="server" Skin="Bootstrap" Width="100%" Height="350px" RenderMode="Classic" BorderStyle="Solid" BorderColor="Black" BorderWidth="1">
   </telerik:RadEditor>

 

Best Regards,
Rumen
Progress Telerik

[Thomas]

Hello Rumen,

Thank you for replying to my question.  I applied both of your suggestions and I am sorry to report that neither one worked.  In fact, the look and feel of the RadEditor didn't change at all. 

Instead of trying to fight with the manual resizing of the widget, I decided to set AutoResizeHeight="True" and allow it to control its own height.

[Rumen]

I am glad you found a solution that works for you.

The initial resizing problem on your side could be due to a custom CSS override or something else. If you have time we can investigate it further, just record a Fiddler Jam capture and send it for examination along with the aspx, codebehind and CSS stylesheet.

I also recorded and attached a short video how the provided solutions work on my side.