Creating the customize.jsp file, Modifying the customize.jsp file – HP Integrity NonStop J-Series User Manual
Page 268
.DARK { background-color: black;
}
Creating the customize.jsp File
Create a new JSP file named customize.jsp in the SkinSelector\WebContent to provide
User Interface customizations for the SkinSelector application.
To create customize.jsp, follow the steps in the
section.
Modifying the customize.jsp File
To modify the customize.jsp file, complete the following steps:
1.
Double-click the customize.jsp file in the Project Explorer frame to open it.
2.
Replace the default contents of the customize.jsp file with the following content:
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<f:view>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Preview Resume</TITLE>
<LINK REL="STYLESHEET"
HREF="./css/style.css"
TYPE="text/css">
</HEAD>
<BODY>
<CENTER>
<TABLE BORDER=5>
<TR><TH CLASS="TITLE">Preview Resume</TH></TR>
</TABLE>
<P>
<h:form>
Use RGB instead of color names:
<h:selectBooleanCheckbox
valueChangeListener="#{resumeBean.changeColorMode}"
onclick="submit()"
immediate="true"/><BR>
Foreground color:
<h:selectOneMenu value="#{resumeBean.fgColor}"
disabled="#{!resumeBean.colorSupported}">
<f:selectItems value="#{resumeBean.availableColors}"/>
</h:selectOneMenu>
<BR>
Background color:
<h:selectOneMenu value="#{resumeBean.bgColor}"
disabled="#{!resumeBean.colorSupported}">
<f:selectItems value="#{resumeBean.availableColors}"/>
</h:selectOneMenu><BR>
<h:commandButton
value="#{resumeBean.colorSupportLabel}"
actionListener="#{resumeBean.toggleColorSupport}"
immediate="true"/>
<BR><HR WIDTH="25%"><BR>
Name:
<h:inputText value="#{resumeBean.name}"/><BR>
Job Title:
<h:inputText value="#{resumeBean.jobTitle}"/><P>
<h:commandButton value="Show Preview"
action="#{resumeBean.showPreview}"/>
</h:form>
</CENTER></BODY></HTML>
</f:view>
268 Getting Started with MyFaces