RadFileExplorer Upload dialog CSS messed up in Chrome

4 posts, 0 answers
  1. Justin
    Justin avatar
    8 posts
    Member since:
    Feb 2015

    Posted 02 May Link to this post

    It looks like the CSS gets messed up in chrome on the Upload dialog. Is there a CSS fix that can correct this?

    I attached a screenshot of the difference between Chrome and IE and can provide an example project of recreating the issue if need be.

  2. Vessy
    Admin
    Vessy avatar
    1678 posts

    Posted 05 May Link to this post

    Hi Justin,

    The faced issue is most probably caused by mixed render modes on the page, bringing the styles of both Classic and Lightweight rendering to be loaded on the page and mixing each other.

    Setting one and the same render mode for all controls should resolve the experienced problem, e.g.:
    <appSettings>
        <add key="Telerik.Web.UI.RenderMode" value="lightweight" />
    </appSettings>


    Regards,
    Vessy
    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. Justin
    Justin avatar
    8 posts
    Member since:
    Feb 2015

    Posted 05 May Link to this post

    Interesting, lightweight appears to work in Chrome but classic still does not work and adding the appSetting for Classic does not resolve the issue. My test app has a single page with only the FileExplorer control on it. The site has no CSS defined. I am using 2016.2.607 at the moment.

    <appSettings>
      <add key="Telerik.Web.UI.RenderMode" value="Classic" />
    </appSettings>
  4. Vessy
    Admin
    Vessy avatar
    1678 posts

    Posted 05 May Link to this post

    Hi,

    Thank you for the provided additional information, Justin. This behavior is related to a recently found bug which has been already resolved in our code. You can either upgrade to our latest 2017 R2 release which contains the fix, or try the workaround given in the following item:
    https://feedback.telerik.com/Project/108/Feedback/Details/213969

    Regards,
    Vessy
    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.
Back to Top