How to Add EJWEB Control in ASP.NET Web Forms Schedule Application?
The following steps helps you to add the EJWEB Schedule control manually into the ASP.NET Web Forms Schedule application
Step 1: Create the ASP.NET application in the Visual Studio.
Step 2: Drag and drop the Schedule control from the ToolBox to the design page, and ensure that the register assembly reference details are present in the design page. Refer to the following screenshots.
Figure 1: Schedule control in the ToolBox
Figure 2: After dragging Schedule element to the design page and dropping from the ToolBox
Step 3: Ensure that the necessary assemblies are added to the reference of your project as follows.
Figure 3: Necessary assembly reference
Step 4: Add the necessary assembly information to the Web.config file of your project.
Web.Config
<assemblies> <add assembly="Syncfusion.EJ.Web, Version=XX.XXXX.X.XX, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/> <add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/> <add assembly="Syncfusion.EJ, Version= XX.XXXX.X.XX, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/> <add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/> </assemblies>
Web.config
<add assembly="Syncfusion.EJ, Version= 13.2450.0.29, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/> <add assembly="Syncfusion.EJ.Web, Version=13.2450.0.29, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/>
Step 5: Add the necessary scripts and themes to your sample application as given in the following code example.
Figure 4: Necessary scripts and themes reference
Step 6: Add reference to the added scripts and stylesheets in the Site.Master page as follows.
Site.Master
<link href="Content/default-theme/ej.widgets.all.min.css" rel="stylesheet" /> <script src="Scripts/jquery-1.10.2.min.js"></script> <script src="Scripts/ej/jsrender.min.js"></script> <script src="Scripts/ej/jquery.easing-1.3.min.js"></script> <script src="Scripts/ej/jquery.globalize.min.js"></script> <script src="Scripts/ej/ej.web.all.min.js"></script> <script src="Scripts/ej/ej.webform.min.js"></script> <%--We need to refer to this script to trigger server side methods (Ex.Schedule1_ServerAppointmentSaved) %>
Step 7: Run the code. Now, the Schedule control is rendered as follows.
Figure 5: Schedule control display
Note
A new version of Essential Studio for ASP.NET is available. Versions prior to the release of Essential Studio 2014, Volume 2 will now be referred to as a classic versions.The new ASP.NET suite is powered by Essential Studio for JavaScript providing client-side rendering of HTML 5-JavaScript controls, offering better performance, and better support for touch interactivity. The new version includes all the features of the old version, so migration is easy.
The Classic controls can be used in existing projects; however, if you are starting a new project, we recommend using the latest version of Essential Studio for ASP.NET. Although Syncfusion will continue to support all Classic Versions, we are happy to assist you in migrating to the newest edition.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below.
You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
Conclusion
I hope you enjoyed learning about how to add EJWEB control in ASP.NET Web Forms Schedule application.
You can refer to our ASP.NET Web Forms Schedule Feature tour page to know about its other groundbreaking feature representations and documentation,and to quickly get started for configuration specifications.You can also explore our ASP.NET Web Forms Schedule example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trialto check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
