EnableResize Problem

10 posts, 0 answers
  1. Jonathan Ruckert
    Jonathan Ruckert avatar
    11 posts
    Member since:
    May 2005

    Posted 07 Dec 2008 Link to this post

    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
  2. Tervel
    Admin
    Tervel avatar
    1337 posts

    Posted 08 Dec 2008 Link to this post

    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.
  3. David Ahlbaum
    David Ahlbaum avatar
    31 posts
    Member since:
    Feb 2005

    Posted 11 Nov 2009 Link to this post

    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!
  4. Martin
    Admin
    Martin avatar
    585 posts

    Posted 13 Nov 2009 Link to this post

    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.
  5. David Ahlbaum
    David Ahlbaum avatar
    31 posts
    Member since:
    Feb 2005

    Posted 13 Nov 2009 Link to this post

    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!
  6. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 18 Nov 2009 Link to this post

    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.
  7. David Ahlbaum
    David Ahlbaum avatar
    31 posts
    Member since:
    Feb 2005

    Posted 03 Dec 2009 Link to this post

    To clarify. The tool is left aligned in Chrome not in IE8. Haven´t tested other browsers. /Any Suggestions?
  8. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 03 Dec 2009 Link to this post

    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.
  9. Andreas
    Andreas avatar
    3 posts
    Member since:
    Aug 2010

    Posted 01 May 2012 Link to this post

    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;
    }
  10. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 03 May 2012 Link to this post

    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.
Back to Top