We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to render the Syncfusion MVC control without using MVC Resource handlers?

Description

Support is provided to render the Syncfusion MVC controls without using the MVC Resource handler. This feature helps to resolve the issues with Syncfusion control while hosting your application under web Garden/ Server Farm without sticky session.

With the help of MVC Resource handler, you can access/get the appropriate JS files and CSS files to render the Syncfusion control like Upload box while page initiates to loading. Henceforth without proper response (Script file/ CSS file) from Server, the control doesn’t render properly.

Solution

Refer to the following steps to render the Syncfusion controls without using handlers.

  1. Remove the MVC Resource handler reference in both handlers and http handlers under System.webserver and System.web respectively. Refer to the following code example.

web.config

C:\Users\ApoorvahR\Desktop\Note.pngNote: The above handlers should be removed from web.config files, as it can trigger the control to access its resource files from server.

  1. Unzip and include the Script and CSS files that is available in the following location under Scripts and Content folder in your project respectively.

http://www.syncfusion.com/downloads/support/directtrac/general/Dependent_files-2034526219.zip

C:\Users\ApoorvahR\Desktop\Note.pngNote: The above zip contains Scripts and CSS files for tools and grid control related to 12.4.0.24 version

  1. Refer to the dependent Scripts and CSS files in layout page that is included in previous step.

Scripts

CSS

Sf-commonall.min.js

Sf-shared.min.js

Sf-tools.min.js

Sf-grid.min.js

Sf-multicolumndropdown.min.js

sf-CommonCore.css

sf-tools.css

sf-Richtexteditor.css

sf-Menu.css

sf-JQueryUI.css

sf-Rotator-horizontal.css

(or)

sf-Rotator-vertical.css

The above mentioned Scripts and CSS belongs to Tools and Grid controls and it should be referred before to Script Manager in layout page.

C:\Users\ApoorvahR\Desktop\Note.pngNote: Refer to sf-commonall.min.js file as a mandatory to render any Syncfusion controls and maintain same order as mentioned in the above table.

  1. There is no need to render the Style Manager, since you have referred all dependent CSS files in local and then Set Marble theme as default for Syncfusion MVC controls in web.config since attached zip file contains Marble theme Stylesheet only.

web.config

  1. Render and set SkipRegister property to true in Script Manager in layout page. Refer to the following code example.               

Layout

C:\Users\ApoorvahR\Desktop\Note.pngNote: The SkipRegister property is available from Essential Studio volume 3, 2014.

Article ID: Published Date: Last Revised Date: Platform: Control: .NET Framework: Product Version:
4142 02/24/2015 02/24/2015 ASP.NET MVC (Classic) General 4.5 12.4.0.24
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.