Background

Every view is implemented using Bootstrap4. In some apps they are also implemented with Bootstrap3 or even Bootstrap5. Note that the runtime gets the correct Razor using the 2sxc Polymorphism Configuration.

Prepare

Each app has Webpack installed and uses various resources. To ensure everything can build/compile, we suggest you first do this:

1. Make sure you have WebPack and all the tools to compile SCSS and TS Files
2. Run npm ci in the folder of the App to restore all the dependencies
3. Run npm run build-bs4 to generate the js/css before making changes
4. Go to a site where you added the app and refresh the browser to see that everything still works

Customize

1. Make your changes
2. Run npm run build-bs4 to generate JS/CSS (it's a watcher, so while it's running, all changes will continue to compile)
3. Go to a site where you added the app and refresh the browser to see the changes.