Creating a new page
When creating a new page it is recommended that you use the kul:page tag. This tag will handle a lot of the updates for you, such as, inserting the new header and side navigation. An example new page could look like this:
<%@ include file="/kr/WEB-INF/jsp/tldHeader.jsp"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<kul:page docTitle="Doc Title Goes Here" transactionalDocument="false" openNav="false" renderInnerDiv="true">
<div class="main-panel">
<div class="headerarea-small">
<h1>My Main Panel</h1>
</div>
The content for the panel goes here.
</div>
</kul:page>
CSS Classes
To achieve the new look and feel kuali.css was abandoned and new CSS files were created. This gave it a clean break away from the old look and feel and made it easy to introduce new CSS file(s) without having to deal with conflicts and overrides that were going to occur. Some HTML markup required modification but much of the change was done with CSS. Below is an annotated screenshot of a financial document that points out the markup/CSS classes utilized to achieve the look and feel. (HTML markup shown does not cover all necessary markup but rather points out HTML markup with significant CSS classes.)
