Adding style

In fact, the application should run. Try it (you may need to redeploy/restart/reload the application, depending on the application server you use).

Yes, but it - ooh - looks still bad!

Our /WEB-INF/jsp/page.jsp template misses the CSS stylesheet, which we'll add now to complete our Calyxo Panels example. Save the following to /style.css:

body {
  background-color: white;
  margin: 0px;
  padding: 10px;
  font-family: Verdana, Helvetica, sans-serif;
}

.menu {
  padding: 10px;
  border-right: thin dotted gray;
  width: 15%;
  height: 450px;
  vertical-align: top;
  font-size: 10pt;
}
.menu ul {
  padding: 0px;
  margin: 0px;
}
.menu li {
  margin-bottom: 10px;
  list-style: none;
  font-weight : bold;
}
.menu a:link { color: gray;  text-decoration : none;  }
.menu a:visited { color: gray; text-decoration : none; }
.menu a:hover { color: black; text-decoration : none; }

.header {
  border-bottom: thin dotted gray;
  height: 80px;
}

.content {
  padding: 10px;
  padding-left: 20px;
  vertical-align: top;
  font-size: 10pt;
}
.content td, h3 {
  font-size: 10pt;
}

.footer {
  border-top: thin dotted gray;
  font-size: 8pt;
}

Again, test your application. It should look much better now!