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)
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)
5 Answers, 1 is accepted
0
Shreesh
Top achievements
Rank 1
Rank 1
answered on 30 Dec 2014, 12:10 PM
Attached is a sample snapshot..
0
Shreesh
Top achievements
Rank 1
Rank 1
answered on 30 Dec 2014, 12:12 PM
Hello,
Please refer my two posts above. Let me know how to solve rendering issue on Azure site.
Please refer my two posts above. Let me know how to solve rendering issue on Azure site.
0
Shreesh
Top achievements
Rank 1
Rank 1
answered on 30 Dec 2014, 12:13 PM
Hello,
Please refer to my above two posts. Please let me know how to solve the rendering issue on Azure site.
Please refer to my above two posts. Please let me know how to solve the rendering issue on Azure site.
0
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
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
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Shreesh
Top achievements
Rank 1
Rank 1
answered on 01 Jan 2015, 11:13 AM
Yes, I noted sprite issue after posting and corrected, hence you saw the icons..