CAS Overlay UI Theme Notes

cas_overlay_ui.md

CAS Overlay UI

Steps

1. Create the following directories, if they are not already there:
2. In the overlay directory:
   • mkdir -p src/main/webapp
   • mkdir -p src/main/resources
   • touch ./src/main/resources/custom_messages.properties - unique messages
   • mkdir -p ./src/main/resources/static
   • mkdir -p ./src/main/resources/static/css
   • mkdir -p ./src/main/resources/static/images
   • mkdir -p ./src/main/resources/templates
   • mkdir -p ./src/main/resources/templates/fragments
3. Copy over any templates that need styling from the CAS5 folder, i.e. casLoginView.html
   • Usual files for editing include:
     • layout.html
     • casLoginView.html
     • casLogoutView.html
     • error.html
     • fragments/head.html
     • fragments/footer.html
     • fragments/loginform.html
     • fragments/loginsidebar.html
     • fragments/logo.html
     • fragments/top.html
4. Build CAS, from the overlay directory, and changes should be displayed
5. Tweak UI as needed

Note: If you add a file after you did a build, you will not see your changes. File must exist prior to building CAS otherwise you won’t see your changes.