Resize tool crops original width and height

2 posts, 0 answers
  1. Todd
    Todd avatar
    1 posts
    Member since:
    May 2017

    Posted 28 Aug Link to this post

    When resizing large images using the imageEditor Resize tool, the width and height being reported in the UI is cropped at 3 characters.  So when a large image (eg.  1280x1024) is being resized, the user can get confused.  

    To repeat this, just visit the online demo: https://demos.telerik.com/aspnet-ajax/imageeditor/examples/resize/defaultcs.aspx

    and choose 1280x1024 in the Preset Size drop-down.  You'll see that the width and height being reported is '128' and '102' respectively (the ending zeros in both numbers are not visible to the user).  

  2. Vessy
    Admin
    Vessy avatar
    2068 posts

    Posted 02 Sep Link to this post

    Hello Todd,

    The problem faced in the emo is related to the changed default font size of the page (to "14px"), which affects the dimensions of the elements in the RadImageEditor as well as they are set in "em". You can either change the default font size of the control in order to enlarge all of its elements utilizing the control's elastic capabilities:

    https://docs.telerik.com/devtools/aspnet-ajax/controls/imageeditor/mobile-support/elastic-design

    or you can add a similar CSS in order to enlarge only the inputs

            .rieDialogs .rieInputDimension .rieInputDigits.rfdTextInput {
                width: 3.4em;
            }

     

    Another option is to directly modify the Resize.ascx dialog of the ImageEditor, styling the elements in it as desired:

    https://demos.telerik.com/aspnet-ajax/imageeditor/examples/externaldialogspath/defaultcs.aspx

     

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top