Image manager hangs in editor

4 posts, 0 answers
  1. Lynn Bantley
    Lynn Bantley avatar
    3 posts
    Member since:
    Sep 2007

    Posted 24 Aug 2017 Link to this post

    Hello,

    I have a radeditor on my page and I am utilizing the image upload feature. Works fine and speedy when running local, but when I run off of our production server, I can select an image to upload from the image manager that pops up from the rad editor.

    I select my image, and then the image name is on the Upload control, but has a Yellow circle to the left of the image name (see attached). There appears to be a progress bar (thin line under the image name) that goes to the end, yet the system just hangs there. Only think I can do is to cancel out of the upload.

    Any ideas why this would hang?

    Thank you - Lynn

  2. Rumen
    Admin
    Rumen avatar
    14100 posts

    Posted 25 Aug 2017 Link to this post

    Hi Lynn,

    Do you experience the reported issue in the online demos of RadEditor?

    Does the problem happen:

    • if you replace the AsyncUpload in the ImageManager with RadUpload? To test this just set the ImageManager-EnableAsyncUpload="false" property to enable RadUpload in the dialog.
    • if you increase the uploaded file size: ImageManager-MaxUploadFileSize="1000000000"? It might be that you are uploading a larger file.
    Can you also provide the image that you are trying to upload to test it?

    Regards, Rumen
    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. Lynn Bantley
    Lynn Bantley avatar
    3 posts
    Member since:
    Sep 2007

    Posted 25 Aug 2017 in reply to Rumen Link to this post

    Hi Rumen,

    I do not experience this issue in the demo...works just fine.

    I set EnableAsyncUpload="false" and I can now upload files. Is there another setting or value I should check so that the async upload will work properly? When set to "false", the image select dialog is pretty messy (see attached)...is there a way to resize this box?

    >>Can you also provide the image that you are trying to upload to test it?<<
    I was just using various simple small jpg files...it happened no matter what file I was trying to, upload.

    Thank you.


  4. Rumen
    Admin
    Rumen avatar
    14100 posts

    Posted 30 Aug 2017 Link to this post

    Hello Lynn,

    You can easily resize the dialog by creating a CSS file with this content

    Main.css

    #RadFileExplorer1_upload1ListContainer{ height:205px !important;}
    #RadWindowWrapper_RadFileExplorer1_windowManagerfileExplorerUpload {height:500px !important;}

    and importing it in the dialog via the DialogCssFile property

    <telerik:RadEditor DialogsCssFile="main.css" runat="server" ID="txtDSInternal" RenderMode="Lightweight" Skin="Bootstrap">
        <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" EnableAsyncUpload="false" />
        <Content>
        </Content>
    </telerik:RadEditor>

     

    Regards,
    Rumen
    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