This is a migrated thread and some comments may be shown as answers.

Lightweight rendering not working in one environment

5 Answers 238 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

Phil asked on 30 Aug 2017, 05:13 PM

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:

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

...

<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

5 Answers, 1 is accepted

answered on 06 Sep 2017, 06:48 PM

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.

answered on 12 Sep 2017, 12:43 PM

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.