Re-skinning UI

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" %>
<!DOCTYPE html>
<html>
	<head>
		<title>Financials Style Guide</title>
	</head>
	<body>
		<kul:page docTitle="Doc Title Goes Here" transactionalDocument="true" 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>
	</body>
</html>

Creating a new page

Tables

CSS Classes