Resizing not working correctly?

[bemana]

If I resize an editor larger using the UI handle I can't seem to resize it smaller in width.  Resizing the height smaller works, but not width.  Using setSize seems to have the same issue.  I've tried with IE8 and FF.  Anyone else seeing this behavior?. 

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd

<telerik:RadEditor ID="RadEditor1" runat="server" Width="500" Height="500"></telerik:RadEditor>

<input type="button" onclick="resizeE();" value="Resize to 200x200" />  

<script type="text/javascript">  
function resizeE() { 
var e = $find("<%=this.RadEditor1.ClientID %>");
e.setSize(200, 200);
}

</script>

[Rumen]

Hi Bemana,

You should display only a few tools on the toolbar in order to correctly resize the editor to 200x200px.

Please, note that for your scenario you should also put the following class on the page with RadEditor:

    <style type="text/css">
    .reWrapper
    {
        min-width: 1px !important;
        min-height: 1px !important;;
    }
    </style>

For your convenience I have attached my test files.

All the best,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[bemana]

Thanks for the reply.  Adding the styles you provided fixed the problem.  I can now resize smaller and the toolbars wrap as expected.  Wouldn't it be better if those styles were included in the WebResource automatically when resizing is enabled?  Devs aren't going to know that they are supposed to include that style right? 

[Rumen]

Hi,

The idea behind the min-width and min-height properties set in the reWrapper class is to prevent the side effect that occurs when the user resizes the editor using the bottom right resize handler and drags it to the top left corner of RadEditor. If we decrease the min-width and min-height properties values to lower value then this will break the appearance of the editor when the user drags the handler to the top left angle of the control. The workaround sets the min-width and min-height values to 1px and the resizing problem could be seen. So if you decide to use the workaround then to prevent the resizing problem you should set the EnableResize to false.


All the best,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Lorenzo]

You saved my life !!!!!
Thank you Rumen


Lorenzo