Articles in this section
Category / Section

How to share client resources like Scripts and Stylesheets with multiple projects?

3 mins read

Description

To share the client resources like Syncfusion scripts and styles to different application from a common location.

Solution

Add a common folder for multiple projects and refer required scripts and stylesheets to render Syncfusion controls from this folder.

Step 1: Create two or more projects. Create a common folder to copy required scripts and stylesheets within these projects as shown as follows. Theme studio

Common Files folder holds the scripts and stylesheets required for project 1 and project 2.

Theme studio

 

 

 

Step 2: Copy the jQuery and required Syncfusion scripts from the installed location inside scripts folder.

assert source

 

Step 3: Copy the required stylesheets files from the installed location to content folder.

 

themes

 

Step 4: Right-click on the scripts folder in your project. Click Add > Existing Item.

 

adding items

 

Step 5:  Select the required files to be added and click Add button.

 

web all source

Similarly, right-click on the content folder and refer stylesheets from the common folder.

 

Step 6: Refer this path in the master page of your project.

 

view page

 

Note:

In MVC, add these references to Layout page and in Asp.Net, add to Site.Master page.

 

 

 

Step 7: Add the required code to render Syncfusion controls based on your project.

 

  @Html.EJ().DatePicker("date")

 

Control will be rendered as shown as follows.

 

datepicker

By using this way, refer required files from common folder for multiple projects. While upgrading your product version, replace this common folder with the new script and styles.

 

 

 

 

 

 

 

 

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied