Kendo ASPNET MVC5 controls Not Rendering properly on Azure site

[Shreesh]

We have a application built using Kendo ASPNET MVC5 and it works
correctly (i.e. UI rendering is perfect) on local host. The kendo
controls are shown "Correctly" on local host and no issues are seen
locally.

However when the same codebase is published on Azure website then kendo controls do NOT render correctly.
Sample layout and index page of schedular (calendar) is given.

The URL for accessing the Azure hosted site is: http://shrirangtest3.azurewebsites.net/
login: peter
pwd: erp

Please let us know what are we missing when it is deployed on azure.

(Note: The rendering of UI happens perfectly on Azure site when MVC4 is used but NOT with MVC5)

[Shreesh]

Attached is a sample snapshot..

[Shreesh]

Hello,

Please refer my two posts above. Let me know how to solve rendering issue on Azure site.

[Shreesh]

Hello,

Please refer to my above two posts. Please let me know how to solve the rendering issue on Azure site.

[Petur Subev]

Hello Shreesh,

I visited the Azure link that you provided and the icons appear correctly in contrast to the screenshot that you shared.

I assume visual difference is due to the fact that some the sprite image is not loaded for some reason. Check the network tab of your browser, reload the page and search for any failed requests. Or maybe the bundling and minification is failing, if you use binding and minification try to add the files separately (without using bundles) and see if it makes a difference.

Let us know your findings.

Check if the path to the sprites is also correct:

http://stackoverflow.com/questions/20575959/bundling-styles-doesnt-work-but-straight-link-tag-works

Kind Regards,
Petur Subev
Telerik

 

 

[Shreesh]

Yes, I noted sprite issue after posting and corrected, hence you saw the icons..