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

Resizing not working correctly?

4 Answers 204 Views
Editor
This is a migrated thread and some comments may be shown as answers.
bemana
Top achievements
Rank 1
bemana asked on 19 Jun 2009, 07:49 PM
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>

4 Answers, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 24 Jun 2009, 01:01 PM
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.
0
bemana
Top achievements
Rank 1
answered on 24 Jun 2009, 04:41 PM
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? 
0
Rumen
Telerik team
answered on 29 Jun 2009, 01:14 PM
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.
0
Lorenzo
Top achievements
Rank 1
answered on 15 Sep 2010, 10:26 AM
You saved my life !!!!!
Thank you Rumen


Lorenzo

Tags
Editor
Asked by
bemana
Top achievements
Rank 1
Answers by
Rumen
Telerik team
bemana
Top achievements
Rank 1
Lorenzo
Top achievements
Rank 1
Share this question
or