Step 1: Create HTML application using EJ controls
Make sure that all HTML tags are closed.
In the below link, HTML app for Customer Support Analysis can be downloaded. In this sample, we have used ejGrid and ejChart controls.
It includes HTML app and modified HTML file to be embedded with Visualforce page (Static files are referred from Static Resources).
Step 2: Make changes in EJ angular directives to make controls workable within Visualforce page
Consider the below code snippet of ejGrid. The attribute directives ej-grid, e-columns and e-column are needed for rendering the grid control. Since, the attributes are not assigned with any value, when you paste this code into Visualforce page, it will throw invalid markup exception.
So, as the below snippet, assign some dummy value for those attributes.
Step 3: Upload HTML app dependencies (CSS, JS, Images) into Static Resources
There are two ways we can refer static resources in Visualforce pages,
Steps to upload files,
Step 4: Create new page
Step 5: View the page
Click on preview and you can see the designed page.
This page will automatically be redirected to the sign-in page in 10 seconds.