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

EnableResize Problem

9 Answers 138 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Jonathan Ruckert
Top achievements
Rank 1
Jonathan Ruckert asked on 08 Dec 2008, 04:11 AM
Hi All,

 I have set the rad editor to be in "Preview" mode only, however I still want to ability for users to resize the control, so I believed that this should be taken care of using EnableResize="true"

The resize functionality only seems to be enabled when there are multiple modes enabled. e.g. All, Preview + Design etc.

Any ideas on how to fix this?

Cheers,
Jonathan

9 Answers, 1 is accepted

Sort by
0
Tervel
Telerik team
answered on 08 Dec 2008, 08:43 AM
Hi Jonathan,

When only one mode is enabled - e.g. be it Design, Html or Preview, the bottom area of the editor is hidden (to allow more space for the content area). Thus, the resize handles are hidden as well.

Still, you can get the behavior you want by using some CSS - please add the following CSS somewhere on your page:

<style>
.rade_toolZone tr
{               
     display:table-row !important;
}             
</style>


Best wishes,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
David Ahlbaum
Top achievements
Rank 2
answered on 11 Nov 2009, 03:33 PM
Hi!

Is this work around still valid for the Q3 2009 release? I can´t see the class .rade_toolZone being used anywhere in the markup and nothing happes when I add the css code above. Am I missing something? Thanks!
0
Martin
Telerik team
answered on 13 Nov 2009, 07:53 AM
Hi David Ahlbaum,

Almost a year ago we introduced significant (breaking) changes in the way RadControls render on the page, and this is why the fix that Tervel gave you is not working anymore, however I believe that what you need now is the following chunk of CSS:

.reToolZone table tr
{
 display: block !important;
}

Regards,
Martin Ivanov
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.
0
David Ahlbaum
Top achievements
Rank 2
answered on 13 Nov 2009, 10:28 AM
Hi!

Thanks for you reply. Worked great. Just one thing: I wan´t the resize tool to be right aligned. Is there an easy css available for this to? It needs to work without disturbing the layout when EditModes is set to All as well. Thanx!
0
Rumen
Telerik team
answered on 18 Nov 2009, 01:57 PM
Hello David,

Could you please send us a screenshot of the desired RadEditor look with a non right aligned resize tool?
After that we will be able to provide a solution, if possible.


Best wishes,
Rumen
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.
0
David Ahlbaum
Top achievements
Rank 2
answered on 03 Dec 2009, 08:42 AM
To clarify. The tool is left aligned in Chrome not in IE8. Haven´t tested other browsers. /Any Suggestions?
0
Rumen
Telerik team
answered on 03 Dec 2009, 02:12 PM
Hi David,

I am not able to reproduce this problem neither with the latest Q3 2009 version 2009.3.1103 nor with the version 2008.3 1125 of RadEditor used in your project. Are you able to reproduce the problem in the live demo: Default Example?

If this problem is specific to your project, then please send us a sample working project that demonstrates it.

Greetings,
Rumen
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.
0
Andreas
Top achievements
Rank 1
answered on 01 May 2012, 10:38 AM
Hello, The following css worked for me in firefox. display:block always resulted in a left aligned resize control.

.reToolZone table tr
{
    display: table-row !important;
}
0
Rumen
Telerik team
answered on 03 May 2012, 09:42 AM
Hi,

I was unable to reproduce the problem as shown in the following video: http://screencast.com/t/AMUgEzIua. Am I missing something?

Here is my test page:
<%@ Page Language="C#" AutoEventWireup="true" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
    <head runat="server">
        <title></title>
        <style type="text/css">
            .reToolZone table tr
            {
                display: table-row !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="Scriptmanager1" runat="server" />
            <telerik:RadEditor ID="RadEditor1" runat="server" EditModes="Preview">
                <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
            </telerik:RadEditor>
 
        </form>
    </body>
</html>


Greetings,
Rumen
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.
Tags
Editor
Asked by
Jonathan Ruckert
Top achievements
Rank 1
Answers by
Tervel
Telerik team
David Ahlbaum
Top achievements
Rank 2
Martin
Telerik team
Rumen
Telerik team
Andreas
Top achievements
Rank 1
Share this question
or