Editor width is not re-sizing properly

4 posts, 0 answers
  1. Balaji
    Balaji avatar
    2 posts
    Member since:
    Jan 2015

    Posted 05 Jan 2015 Link to this post

    I noticed that if you enlarge the width of the box and then release your mouse button, you cannot reduce the width of the box to less than what it was when you released the button previously.

    Any suggestions would be great!

    Thanks,
    Bala
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 06 Jan 2015 Link to this post

    Hi Bala,

    I wasn't able to reproduce the mentioned issue with the overview demo of RadEditor (a short video test is attached as a reference). Can you please watch this video and then tell me if I am missing something?

    Can you also provide us with the problematic piece of code that reproduce the problem, so that I can investigate it further?

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Balaji
    Balaji avatar
    2 posts
    Member since:
    Jan 2015

    Posted 12 Jan 2015 in reply to Danail Vasilev Link to this post

    Hi Danail,

    Thank you for the quick response. I 'am using only 'Design' mode and using css to display the 'Resize' option. Below is the code.

        <telerik:RadEditor runat="server" ID="radComment" Height="150px" Width="225px" EditModes="Design"
                                                    OnClientLoad="OnClientLoad" EnableResize="True" >
                                                    <Tools>
                                                        <telerik:EditorToolGroup>
                                                            <telerik:EditorTool Name="Bold"></telerik:EditorTool>
                                                            <telerik:EditorTool Name="Italic"></telerik:EditorTool>
                                                            <telerik:EditorTool Name="Underline"></telerik:EditorTool>
                                                            <telerik:EditorTool Name="InsertUnorderedList"></telerik:EditorTool>
                                                            <telerik:EditorTool Name="InsertOrderedList"></telerik:EditorTool>
                                                        </telerik:EditorToolGroup>
                                                    </Tools>
                                                </telerik:RadEditor>

    Javascript Function:

    function OnClientLoad(editor, args) {
            var style = editor.get_contentArea().style;
            style.backgroundColor = "white";
            style.color = "black";
            style.fontFamily = "Arial";
            style.fontSize = 12 + "px";
        }

    CSS Class:

    .reToolZone table tr
        {
            display: table-row !important;
        }


    And the 'Resize' option shows up on the right side bottom. When i resize the editor to the right side and release the mouse and try to resize to the left side (original size), then the editor is not resizing. But if i 'am not releasing the mouse first time, then the editor works fine. The problem is occurring when i release the mouse first time.

    And also the 'Editor' is placed inside the html table panel in the user control(.ascx page). Please let me know if you need further information and appreciate your help on this. Thanks.

    Thanks,
    Bala
  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 14 Jan 2015 Link to this post

    Hello Bala,

    I am still unable to reproduce the issue with the resizing. You can find the short video test attached. I can suggest that you try the following steps:
        - If you are not using latest Telerik UI version - 2014.3.1209, does upgrading to it helps?
        - Are there any JavaScript errors on your page? If there are such errors they must be found and fixed.
       
    If the above steps, however, do not help can you please try to reproduce the issue with the attached example and then send it back to us, so that we can proceed further with the investigation? Can you also tell us whether the problem is a browser specific and if so which is the browser and its version?

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top