Installing Custom Themes
Overview of Bootstrap
The new example Portal project runs on Bootstrap to make customizing the look and feel easier.
There are a handful of things that can easily be customized without having to bother with HTML.
The best way to accomplish this is to use the website Bootstrap.build.
There you can upload the _variables.css file using the import button to start with the configuration used in the example project or start from scratch.
(This file is located in /grails-app/assets/css/).
This tool offers real-time previewing of changes.
Once finished with customization, the new files can be downloaded using the export button.
Find Items: Section Mode
Find Items: Search mode
Header Fonts
The Portal example project uses 2 fonts: one for headers and one for the rest of the content.
Colors
Most colors can be seen in the screen shot below.
(These colors are shared across all pages).
Registration Page Button
The registration page uses the following button style.
Errors
All errors are displayed using the danger style.
Deceased Patients
Patients that are deceased are highlighted for easy identification in several places.
(All of these place use the danger style).
Breadcrumbs
The navigation at the bottom of the screen is called breadcrumbs.
The link colors are the same as all links, but the current page name color can be modified.