Author: jmorliaguet
Date: Sun Jan  8 01:57:26 2006
New Revision: 2188

Added:
   
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_navpanel_test.html
   (contents, props changed)
   cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/header.png  
 (contents, props changed)
Log:

- added a demo of navigation panels (based on perspectives)



Added: 
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_navpanel_test.html
==============================================================================
--- (empty file)
+++ 
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_navpanel_test.html
        Sun Jan  8 01:57:26 2006
@@ -0,0 +1,86 @@
+<?xml version="1.0" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xml:lang="en" lang="en"
+      xmlns="http://www.w3.org/1999/xhtml";
+      xmlns:cpsskins=http://namespaces.zope.org/cpsskins";>
+<head>
+  <title>CPSSkins Unit test file</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <script src="../../prototype.js" type="text/javascript"></script>
+  <script src="../../json.js" type="text/javascript"></script>
+  <script src="../../cpsskins.js" type="text/javascript"></script>
+  <link rel="stylesheet" href="../../cpsskins.css" type="text/css" />
+
+  <style type="text/css">
+    .header {
+      padding: 0.5em;
+      border: 1px solid #999;
+      background-color: #369;
+      margin-top: 2px;
+      background-image: url(header.png);
+    }
+
+    .header a {
+      text-decoration: none;
+      color: #000;
+      font: 13px Arial, sans-serif;
+    }
+
+    .panel {
+      padding: 2em;
+      margin-bottom: 5px;
+      border-style: none solid solid solid;
+      border-width: 1px;
+      border-color: #999;
+    }
+  </style>
+</head>
+
+<body>
+
+  <h1>CPSSkins navigation panels</h1>
+
+  <div class="header">
+    <a href="javascript:CPSSkins.switchPerspective('panels/panel1')">
+  PANEL 1</a>
+  </div>
+
+  <cpsskins:view widget="panel"
+      perspectives="panels/panel1"
+      url="panel1.html">
+  </cpsskins:view>
+
+  <div class="header">
+    <a href="javascript:CPSSkins.switchPerspective('panels/panel2')">
+  PANEL 2</a>
+  </div>
+
+  <cpsskins:view widget="panel"
+      perspectives="panels/panel2"
+      url="panel2.html">
+  </cpsskins:view>
+
+  <div class="header">
+    <a href="javascript:CPSSkins.switchPerspective('panels/panel3')">
+  PANEL 3</a>
+  </div>
+
+  <cpsskins:view widget="panel"
+      perspectives="panels/panel3"
+      url="panel3.html">
+  </cpsskins:view>
+
+  <div class="header">
+    <a href="javascript:CPSSkins.switchPerspective('panels/panel4')">
+  PANEL 4</a>
+  </div>
+
+  <cpsskins:view widget="panel"
+      perspectives="panels/panel4"
+      url="panel4.html">
+  </cpsskins:view>
+
+</body>
+
+</html>

Added: 
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/header.png
==============================================================================
Binary file. No diff available.
-- 
http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins

Reply via email to