<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:jv="http://www.ilog.com/jviews/tlds/jviews-faces.tld"
xmlns:jvf="http://www.ilog.com/jviews/tlds/jviews-framework-faces.tld"
xmlns:jvdf="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld">
<f:view>
<f:loadBundle basename="messages" var="msg" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><h:outputText value="#{msg.frameworkTitle}" /></title>
<style>
.menuItem {
background: #21bdbd;
color: black;
font-family: sans-serif;
font-size: 12px;
}
.menuItemHighlighted {
background: #057879;
color: white;
}
.menuItemDisabled {
background: #eeeeee;
font-style: italic;
color: black;
}
</style>
</head>
<body>
<h:form id="form">
<jvf:objectSelectInteractor id="select"
valueChangeListener="#{frameworkBean.selectObject}"
invocationContext="IMAGE_SERVLET_CONTEXT" />
<jvf:view id="view" style="width:500px;height:300px"
view="#{frameworkBean.view}" interactorId="select">
<jvf:contextualMenu itemStyleClass="menuItem"
itemHighlightedStyleClass="menuItemHighlighted"
itemDisabledStyleClass="menuItemDisabled">
<jv:menu>
<jv:menuItem label="menuItem 1" onclick="alert('menuItem 1')" />
<jv:menuItem label="menuItem 2" onclick="alert('menuItem 2')" />
<jv:menuItem label="menuItem 3" onclick="alert('menuItem 3')" />
<jv:menuSeparator />
<jv:menu label="subMenu">
<jv:menuItem label="subMenu Item 1"
onclick="alert('subMenu Item 1')" />
<jv:menuItem label="subMenu Item 2"
onclick="alert('subMenu Item 2')" />
</jv:menu>
</jv:menu>
</jvf:contextualMenu>
</jvf:view>
</h:form>
</body>
</f:view>
</html>