upload file select button buggy

8 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    445 posts
    Member since:
    Feb 2007

    Posted 26 Jan 2017 Link to this post

    In Chrome and IE the clicking of the SELECT button for the uploads is kinda difficult when using MATERIAL skin, see attached screenshot.

    The cursor becomes caret when hovering the button's text and clicking it is not always working.

    This not the case when we try the same at RadAsyncUpload itself so maybe something to do with IFRAME use?

    Marc
  2. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 31 Jan 2017 Link to this post

    Hello Fit2Page,

    Thank you for reporting this issue.

    I logged it for fixing in our bug tracker and updated your Telerik points. You can subscribe to the item here.

    If this UX glitch is unpleasant for your end users, you can temporary change the skin until the issue gets resolved.

    Regards,
    Rumen
    Telerik by Progress
    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. Chris
    Chris avatar
    5 posts
    Member since:
    Mar 2011

    Posted 15 Jan 2018 Link to this post

    Has this been fixed. I'm having this same problem in Chrome using the latest version.
  4. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 16 Jan 2018 Link to this post

    Hi Chris,

    The issue is not yet fixed in the source but here they are the steps to fix it manually:

    1. Create a CSS file named dialog.css
    2. Put the following class in the dialog.css file:

    .RadUpload .ruStyled .ruFileInput{
        font-size: 100px !important;
    }


    3. Set the DialogsCssFile property to point to the dialog.css file:

    <telerik:RadEditor ID="RadEditor1" Skin="Material" DialogsCssFile="~/dialog.css" runat="server">
        <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
    </telerik:RadEditor>


    4. Save the page.
    5. Clear the browser cache and load the page in it. If needed reload the dialog contents 3-4 times to clear the cache -> right click and choose Reload frame from the Chrome context menu.

    I also raised the priority of the bug report item.

    Best regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Chris
    Chris avatar
    5 posts
    Member since:
    Mar 2011

    Posted 16 Jan 2018 in reply to Rumen Link to this post

    When I did that it breaks the skin completely. Does it matter that I'm using the CDN for the skin?
  6. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 18 Jan 2018 Link to this post

    Hello,

    You may experience this problem if the render mode of RadEditor is set to Classic. For your convenience I attached a runnable project which provides a fix for the issue.

    Please also replace the 

    .RadUpload .ruStyled .ruFileInput{
        font-size: 100px !important;
    }

    class with

    RadUpload  .ruFileInput {
        height: 50px !important;
    }


    Regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  7. Chris
    Chris avatar
    5 posts
    Member since:
    Mar 2011

    Posted 18 Jan 2018 in reply to Rumen Link to this post

    Vessy sent me some code that fixed it. My project has renderMode set to lightweight in the web.config so that wasn't the problem. She logged this bug https://feedback.telerik.com/Project/108/Feedback/Details/240470

    Thanks for your help.

  8. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 19 Jan 2018 Link to this post

    Hi Chris,

    I am glad that the problem has been resolved with Vessy's help.

    It looks like that there is a problem when setting the DialogsCssFile, but I am not able to replicate it. Are you able to reproduce the problem with the attached sample project in my earlier reply? If it works properly, can you compare it with your project and try to find the differences and what is causing the not loading skin issue. Probably you need to explicitly set the RenderMode property inline in the RadEditor declaration to Lightweight in the aspx page.

    We raised the priority of the bug report items for RadFileExplorer and RadEditor and hopefully they will be resolved in R2 2018.

    Best regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular 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