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 Gantt in Saleforce Visualforce environment

We can render Syncfusion JavaScript controls within Salesforce Visualforce page using the following steps. For instance, we have rendered ejGantt control in the Visualforce page.

  1. Install the latest version of Essential Studio for JavaScript, you can get this from this location. https://www.syncfusion.com/products/javascript
  2. Create a new folder (SFJSUI) and add the necessary theme and script files for the sample. You can get the script and theme files from the Essential Studio installed location.

C:\Program Files (x86)\Syncfusion\Essential Studio\{{version}}\JavaScript\assets

  1. For rendering Gantt in Visual Force environment, add the below script and theme files to the (SFJSUI) folder in the below structure

  1. Zip the folder (SFJSUI) to create a new file (SFJSUI.zip).
  2. Add this ZIP file (SFJSUI.zip) in static resource within your Salesforce account,

 

  1. Open developer console window to create a new apex page
  2. Then create new apex page in developer console window
  3. In this apex page add below code snippet in header section to refer the script and theme files.

HTML

 

  1. Add the below code snippet to initialize the Gantt control.

HTML

 

  1. Click the preview button to view the Gantt control.

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
7568 03/17/2017 03/17/2017 JavaScript ejGantt
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.