<%-- 
 * Licensed Materials - Property of Perforce Software, Inc.
 * © Copyright Perforce Software, Inc. 2014, 2018
 * © Copyright IBM Corp. 2009, 2014
 * © Copyright ILOG 1996, 2009
 * All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * The Software and Documentation were developed at private expense and
 * are "Commercial Items" as that term is defined at 48 CFR 2.101,
 * consisting of "Commercial Computer Software" and
 * "Commercial Computer Software Documentation", as such terms are
 * used in 48 CFR 12.212 or 48 CFR 227.7202-1 through 227.7202-4,
 * as applicable.
 --%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://www.ilog.com/jviews/tlds/jviews-faces.tld"
  prefix="jv"%>
<%@ taglib
  uri="http://www.ilog.com/jviews/tlds/jviews-framework-faces.tld"
  prefix="jvf"%>
<%@ taglib
  uri="http://www.ilog.com/jviews/tlds/jviews-diagrammer-faces.tld"
  prefix="jvdf"%>
<f:view>
  <f:loadBundle basename="messagesvar="msg/>
<html>
<head>
  <title><h:outputText value="#{msg.title}/></title>
  <meta content="no-cachehttp-equiv="Cache-Control/>
  <meta content="no-cachehttp-equiv="Pragma/>
  <meta http-equiv="Content-Typecontent="text/html; charset=UTF-8/>
  <style type="text/css">
    div#jviews_tooltip {
      color: #000;
      font-family: sans-serif
      font-size: 11px;
      line-height: 1.2;
      background-color: #E1E500;
      border: 1px dashed red;
      padding: 4px;
        width: 200px;
    }

div#jviews_tooltip table {
  font-family: sans-serif;
  border-width: 1px;
  border-spacing: ;
  border-style: outset;
  border-color: red;
  border-collapse: collapse;
  background-color: #E1E500;
  width: 100%;
}
div#jviews_tooltip th {
  border-width: 1px;
  padding: 1px;
  border-style: outset;
  border-color: red;
  -moz-border-radius: ;
  
}
div#jviews_tooltip td {
  border-width: 1px;
  padding: 1px;
  border-style: outset;
  border-color: red;
  -moz-border-radius: ;
  width: 50% 
}
  </style>
</head>
<body>
  <h:form id="form">
    <jvf:panInteractor id="panmenuModelId="pan/>
     <jvf:tooltipInteractor id="tooltipInteractor/>
    <jvf:highlightInteractor id="highlightInteractorgroupable="true"/>
    <jv:interactorGroup id="select"
      interactors="pan highlightInteractor tooltipInteractor/>
        <jvdf:diagrammerView id="diagrammer"
          style="width:600;height:400interactorId="select"
          data="/bamcockpit.idprwaitingImage="images/wait.gif"
          messageBoxId="messagesservlet="tooltip-servlet"
          backgroundColor="#FFFFFFgenerateImageMap="true"
          imageFormat="PNGresizable="trueaccessible="true">
        </jvdf:diagrammerView>
  </h:form>
  <hr/>
  <h3><h:outputText value="#{msg.note}/></h3>
  <p><h:outputText value="#{msg.description1}"/> <h:outputText value="#{msg.description2}/></p>
  <ul>
    <li><h:outputText value="#{msg.description3}/></li>
    <li><h:outputText value="#{msg.description4}/></li>
  </ul>
</body>
</html>
</f:view>