upload file select button buggy

[Fit2Page]

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

[Rumen]

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

[Chris]

Has this been fixed. I'm having this same problem in Chrome using the latest version.

[Rumen]

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

[Chris]

When I did that it breaks the skin completely. Does it matter that I'm using the CDN for the skin?

[Rumen]

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

[Chris]

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.

[Rumen]

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