<%@ page contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%>
<!--
 * Copyright (c) Rogue Wave Software, Inc. 1997, 2015
 * All rights reserved.
 -->
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h%> 
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f%> 
<%@ 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%>

<f:view>
<f:loadBundle basename="messagesvar="msg/>
<html>
  <head>
    <title><h:outputText value="#{msg.code7Title}"/></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>
      .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>

    <h1><h:outputText value="#{msg.code7H1}"/></h1>

    <p><h:outputText value="#{msg.code7P1}"/></p>
    <p>
      <h:outputText value="#{msg.code7P2}"/>
    </p>
    <p><h:outputText value="#{msg.code7P3}"/></p>


     
      <h:form id="form">


        <jvf:zoomInteractor id="zoom/>
        <jvf:panInteractor id="pan/>

        <h:panelGrid
          columns="5"
          bgcolor="E5E5E5">

          <jv:imageButton style="width:22px;height:22px"
            id="zoomButton"
            styleClass="buttonStyle"
            onclick="view.setInteractor(zoom)"
            image="/images/zoomrect.gif"
            selected="true"
            buttonGroupId="interactors"
            message="#{msg.code7ZoomLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            id="panButton"
            styleClass="buttonStyle"
            onclick="view.setInteractor(pan)"
            image="/images/pan.gif"
            buttonGroupId="interactors"
            message="#{msg.code7PanLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.showAll(true)"
            image="/images/zoomfit.gif"
            message="#{msg.code7ShowAllLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.zoomIn(true)"
            image="/images/zoom.gif"
            message="#{msg.code7ZoomInLabel}/>
          <jv:imageButton style="width:22px;height:22px"
            styleClass="buttonStyle"
            onclick="view.zoomOut(true)"
            image="/images/unzoom.gif"
            message="#{msg.code7ZoomOutLabel}/>


        </h:panelGrid>

        <jvf:view
            id="view"
            style="width:500px;height:300px"
            view="#{frameworkBean.view}>
         <jvf:contextualMenu
            factory="#{frameworkBean.menuFactory}"
            itemStyleClass="menuItem"
            itemHighlightedStyleClass="menuItemHighlighted"
            itemDisabledStyleClass="menuItemDisabled/>
        </jvf:view>
      </h:form>

    

  </body>
</html>
</f:view>