<%@ 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.code4Title}"/></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>
        @import "data/style.css";
    </style>
  </head>
  <body>

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

    <p><h:outputText value="#{msg.code4P1}"/></p>
    <p><h:outputText value="#{msg.code4P2}"/></p>
    <ul>
      <li><h:outputText value="#{msg.code4li1}"/></li>
      <li>
        <h:outputText value="#{msg.code4li2}"/>
      </li>
      <li>A view.</li>
    </ul>
    <p><h:outputText value="#{msg.code4P3}"/></p>
    <p><h:outputText value="#{msg.code4P4}"/></p>
    <p><h:outputText value="#{msg.code4P5}"/></p>
    <p><h:outputText value="#{msg.code4P6}"/></p>

    

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

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

          <jv:imageButton
            styleClass="button"
            onclick="view.setInteractor(zoom)"
            image="images/zoomrect.gif"
            selected="true"
            buttonGroupId="interactors"
            message="#{msg.code4ZoomLabel}/>

          <jv:imageButton
            styleClass="button"
            onclick="view.setInteractor(pan)"
            image="images/pan.gif"
            buttonGroupId="interactors"
            message="#{msg.code4PanLabel}/>

          <jv:imageButton
            styleClass="button"
            onclick="view.showAll(true)"
            image="images/zoomfit.gif"
            message="#{msg.code4ShowAllLabel}/>

          <jv:imageButton
            styleClass="button"
            onclick="view.zoomIn(true)"
            image="images/zoom.gif"
            message="#{msg.code4ZoomInLabel}/>

          <jv:imageButton
            styleClass="button"
            onclick="view.zoomOut(true)"
            image="images/unzoom.gif"
            message="#{msg.code4ZoomOutLabel}/>

        </h:panelGrid>


      <jvf:view
        id="view"
        style="width:500px;height:300px"
        view="#{frameworkBean.view}"
        interactorId="zoom/>

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