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:
- Make sure you have WebPack and all the tools to compile SCSS and TS Files
- Run
npm ci
in the folder of the App to restore all the dependencies
- Run
npm run build-bs4
to generate the js/css before making changes
- Go to a site where you added the app and refresh the browser to see that everything still works
Customize
- Make your changes
- Run
npm run build-bs4
to generate JS/CSS (it's a watcher, so while it's running, all changes will continue to compile)
- Go to a site where you added the app and refresh the browser to see the changes.