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.