This article provides a step-by-step introduction to configure Essential JS 2 setup, build and publish a simple .NET Core web application using the Visual Studio for Mac.
Starting with v16.2.0.x, if you reference to Syncfusion assemblies from trial setup or NuGet feed, you should include a license key in your projects. Refer to this link to learn about registering Syncfusion license key in your ASP.NET Core application to use the components.
The official prerequisites to create and run an ASP.NET Core 3.x application on Mac environment are described in the .NET Core documentation website.
Choose New from Visual Studio for Mac dashboard.
Select Web Application from the template in App under Web and Console section and click the Next button.
Select .NET Core 3.1 in Target Framework and then click Next button.
Now in the project configuration window, fill the Project Name and click the Create button.
Add the Syncfusion.EJ2.AspNet.Core
NuGet package to the new web application by using the Nuget Package Manager. Right-click the project and select Manage NuGet Packages….
Refer to this article to learn more details about installing Essential JS 2 NuGet packages in various OS environment.
Search the Syncfusion.EJ2.AspNet
keyword in the Browse tab and install Syncfusion.EJ2.AspNet.Core NuGet package in the application.
The Essential JS 2 package will be included in the project, after the installation process is completed.
Note: The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies,
Newtonsoft.Json
for JSON serialization andSyncfusion.Licensing
for validating Syncfusion license key.
Open the ~/Pages/_ViewImports.cshtml
file and import the Syncfusion.EJ2
package.
@addTagHelper *, Syncfusion.EJ2
Add the client-side resources through CDN or local npm package in the <head>
element of ~/Pages/Shared/_Layout.cshtml
layout page.
<head>
....
....
<!-- Syncfusion Essential JS 2 Styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/bootstrap4.css" />
<!-- Syncfusion Essential JS 2 Scripts -->
<script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
</head>
Add the Essential JS 2 Script Manager at the end of <body>
element in the ~/Pages/Shared/_Layout.cshtml
layout page.
<body>
....
....
<!-- Syncfusion Essential JS 2 ScriptManager -->
<ejs-scripts></ejs-scripts>
</body>
Now, add the Syncfusion Essential JS 2 components in any web page (cshtml
) in the Pages
folder.
For example, add the calendar component in the ~/Pages/Index.cshtml
page.
<div>
<ejs-calendar id="calendar"></ejs-calendar>
</div>
Run the application. The Essential JS 2 calendar component will render in the web browser.
The official prerequisites to create and run an ASP.NET Core 2.x application on Mac environment are described in the .NET Core documentation website.
Choose New from Visual Studio for Mac dashboard.
Select Web Application from the template in App under Web and Console section and click the Next button.
Select .NET Core 2.1 in Target Framework and then click Next button.
Now in the project configuration window, fill the Project Name and click the Create button.
Add the Syncfusion.EJ2.AspNet.Core
NuGet package to the new application by using the Nuget Package Manager. Right-click the project and select Manage NuGet Packages….
Refer to this article to learn more details about installing Essential JS 2 NuGet packages in various OS environment.
Search the Syncfusion.EJ2.AspNet
keyword in the Browse tab and install Syncfusion.EJ2.AspNet.Core NuGet package in the application.
The Essential JS 2 package will be included in the project, after the installation process is completed.
Note: The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies,
Newtonsoft.Json
for JSON serialization andSyncfusion.Licensing
for validating Syncfusion license key.
Open the ~/Pages/_ViewImports.cshtml
file and import the Syncfusion.EJ2
package.
@addTagHelper *, Syncfusion.EJ2
Add the client-side resources through CDN or local npm package in the <head>
element of ~/Pages/Shared/_Layout.cshtml
layout page.
<head>
....
....
<!-- Syncfusion Essential JS 2 Styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/bootstrap4.css" />
<!-- Syncfusion Essential JS 2 Scripts -->
<script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
</head>
Add the Essential JS 2 Script Manager at the end of <body>
element in the ~/Pages/Shared/_Layout.cshtml
layout page.
<body>
....
....
<!-- Syncfusion Essential JS 2 ScriptManager -->
<ejs-scripts></ejs-scripts>
</body>
Now, add the Syncfusion Essential JS 2 components in any web page (cshtml
) in the Pages
folder.
For example, add the calendar component in the ~/Pages/Index.cshtml
page.
<div>
<ejs-calendar id="calendar"></ejs-calendar>
</div>
Run the application. The Essential JS 2 calendar component will render in the web browser.