Integrate Bootstrap with Web Experience Factory for an Exceptional UI Experience
tom_be 270006P2EP Visits (2014)
How to Integrate Bootstrap with Web Experience Factory for an Exceptional UI Experience
This is a short blog that describes a project I created on Github that contains a WEF Theme showing how to integrate WEF with Bootstrap. This includes the theme file, data definition, html template, DSUI base pages, and a sample model. The theme gives you basic DSUI functionality for list, details, and edits pages. Currently the Bootstrap css and jQuery are pulled in from a CDN.
This is just the initial version, and there is plenty of work to be done such as adding Bootstrap specific builders to fully leverage its features.
Download the attached wef_
Once you have the wef_bootstrap.zip file use the Import > Web Experience Factory Archive to add to an existing project. Then run the provided sample DSUI consumer model (mod
If you would like to contribute you can clone this repo, and then submit a pull request for bug fixes or features.
Orders Sample Pages
This follow are the list,details, and edit page from the provided sample.