Image Resizing Inside an Editor

4 posts, 0 answers
  1. Jackie
    Jackie avatar
    17 posts
    Member since:
    Jun 2017

    Posted 31 Jul Link to this post

    I currently have a editor set up with an image browser. Looking at this demo, it appears that a user should be able to select an image that has been inserted into the editor, and resize it by grabbing the corners.

    In my editor, however, inserted images are not showing up as selectable or resizeable. I can't seem to find any settings that can enable this functionality. Am I missing something? What can I do to enable image resizing? 

    <div class="form-horizontal">
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
     
                @(Html.Kendo().Editor()
                  .Name("FullStory")
                  .HtmlAttributes(new { style = "height:440px" })
                  .Resizable(resizable => resizable.Content(true).Toolbar(true))
                  .ImageBrowser(imageBrowser => imageBrowser
                      .Image("~/UploadedPhotos/{0}")
                      .Read("ImageBrowser_Read", "Home", new { storyID = "#=StoryID#" })
                      .Create("ImageBrowser_Create", "Home")
                      .Destroy("ImageBrowser_Destroy", "Home")
                      .Upload("ImageBrowser_Upload", "Home", new { storyID = "#=StoryID#" })
                      .Thumbnail("ImageBrowser_Thumbnail", "Home")
                  )
                  .Tools(tools => tools
                      .ViewHtml()
                      .FontName()
                      .FontSize()
                      .FontColor()
                  )
                  .Value(@<text>
                </text>)
                )
                @Html.ValidationMessageFor(model => model.FullStory, "", new { @class = "text-danger" })
            </div>
        </div>
    </div>
  2. Nencho
    Admin
    Nencho avatar
    1671 posts

    Posted 02 Aug Link to this post

    Hello Jackie,

    I have locally tested the demonstrated implementation and the images are able to be resized. Please specify the browser with which you are testing the behavior, because this feature is not available in Chrome browser. This is a limitation of the browser and such feature request is logged in our public portal below:

    http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/10860429-images-resizable-inside-editor-widget

    Regards,
    Nencho
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Jackie
    Jackie avatar
    17 posts
    Member since:
    Jun 2017

    Posted 02 Aug in reply to Nencho Link to this post

    Hi Nencho,

    I've tried it on Firefox, Firefox Developer Edition, and IE. It looks like it is working on IE, but not on any of the others. Would you expect this feature to work on Firefox as well?

  4. Nencho
    Admin
    Nencho avatar
    1671 posts

    Posted 04 Aug Link to this post

    Hello Jackie,

    Yes, I can confirm that it is properly working in Firefox. Please make sure that there are not javascript errors in your browser console. If the issue still persist, though, I would like to ask you to submit a support ticket, along with a runnable sample attached. Hence, we would replicate the inability to resize the image in Firefox.

    Regards,
    Nencho
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top