Lightweight rendering not working in one environment

4 posts, 0 answers
  1. Phil
    Phil avatar
    2 posts
    Member since:
    Mar 2017

    Posted 30 Aug Link to this post

    Hi, I'm using a treeview control on my application, and in my Dev, Test and UAT environments, I'm seeing the arrows for the expand/collapse icons.  However, on my Prod environment, which theoretically is the same as my UAT environment, I see the plus/minus signs.

    Looking at the css coming down as a WebResource, on UAT, I see:

    /* START Telerik.Web.UI.Skins.TreeViewLite.css */

     

    But on the css that comes down from Prod, I see this:

    /* START Telerik.Web.UI.Skins.TreeView.css */

    I've gone through my code trying to figure out why, can't see anything.  Also, after looking through documentation on this site, I have added the following lines to my web.config, but with no change:

       <appSettings>

          ...
          <add key="Telerik.Web.UI.RenderMode" value="lightweight" />
       </appSettings>

    ...

       <system.webServer>

    ...

          <httpProtocol>
            <customHeaders>
              <add name="X-UA-Compatible" value="IE-Edge" />
            </customHeaders>
          </httpProtocol>
       </system.webServer>

     

    Is there any other things I should know about my production environment that might be causing this behavior?

    I'm currently using version 2017.1.228.40 of the Telerik assemblies &  running .NET 4.5.1

    Thanks,

    Phil

  2. Vessy
    Admin
    Vessy avatar
    1677 posts

    Posted 04 Sep Link to this post

    Hi Phil,

    We are not aware of such problem and, unfortunately, was not able to reproduce it. Is it possible to give us a live URL where the problem can be reproduced so we can examine the cause for it further at our end?


    Looking forward to your reply,
    Vessy
    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. Phil
    Phil avatar
    2 posts
    Member since:
    Mar 2017

    Posted 06 Sep in reply to Vessy Link to this post

    Thanks for the reply Vessy

    Ugh, I don't have any sort of reasonable way to provide a link or source code.  I was guessing that it would be related to what the control would do by default for varying environments.  What makes the control decide which skin to use?  I was thinking that maybe if you a) don't specify a skin or b) specify a skin that isn't available on the server, that the control would pick a response based on something like OS version, .NET version, etc.

    What I do know is that the files (binaries, .css, etc.) in the application folder (\inetpub\wwwroot\myapp) are the same in both my UAT and Prod environments.

    And this morning I remoted onto my Prod server, and accessed my page via IE, via http://localhost/<mypage>.  The result was that the expected 'arrows' were rendered instead of the plus/minus.  That doesn't really make sense to me, so I think my next step is to look at caching on that box.

  4. Vessy
    Admin
    Vessy avatar
    1677 posts

    Posted 12 Sep Link to this post

    Hi Phil,

    The controls rendering does not depend on the environment, but rather on the refered Telerik.Web.UI and Telerik.Web.UI.Skins DLLs.  Basically the Telerik skins behave as follows:
    • if no skin is set, the controls are rendered with Default skin
    • if a specific !-Default skin is set, the controls are looking for the Telerik.Web.UI.Skins.dll and are loading the needed resources from there
    • If a specific !-Default skin is set, but it is not found on the server (or no Telerik.Web.UI.Skins.dll is referred), a server-error that such skin does not exist is thrown, and the controls are not rendered at all

    Long story made short - If both the Telerik.Web.UI and Telerik.Web.UI.Skins DLLs are referenced in your project, all skins should be working properly.

    The only possible reasons I can think of (if the render mode of all controls is one and the same) is that the browser is running in compatibility mode or a JavaScript error is thrown on the page. Can you, please, verify that neither of this is the case?

    Can you also examine the output HTML of the page holding the TreeView and check whether the controls version used on both machines is one and the same? The version of the controls is available in one of the first comments on the page - screencast.

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