--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-readonly-div.html Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>RENKAN test in read-only mode : body 100%</title>
+ <meta name="description" content="" />
+ <meta name="author" content="Institut de Recherche et d'Innovation" />
+ <script src="../lib/jquery.min.js"></script>
+ <script src="../lib/jquery.mousewheel.min.js"></script>
+ <script src="../lib/underscore-min.js"></script>
+ <script src="../lib/backbone.js"></script>
+ <script src="../lib/backbone-relational.js"></script>
+ <script src="../lib/paper.js"></script>
+ <script src="../../build/renkan.js"></script>
+ <script type="text/javascript">
+ var _renkan;
+ $(function() {
+ _renkan = new Rkns.Renkan({
+ editor_mode: false,
+ show_bins: false,
+ static_url: "../"
+ });
+ Rkns.jsonIO(_renkan, {
+ url: "../data/example-cinema.json"
+ });
+ });
+ </script>
+ <link rel="stylesheet" href="../css/renkan.css" />
+ <style type="text/css">
+ body{
+ margin: 0 auto;
+ width: 960px;
+ }
+ .header, .footer {
+ font-size: 14px;
+ height: 40px;
+ padding-top: 10px;
+ }
+ .header{
+ height: 100px;
+ }
+ .rnk-container{
+ height: 700px;
+ position: relative;
+ width: 800px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div class="header">
+ This is a header with no css override.
+ <ul>
+ <li>list item 1</li>
+ <li>list item 2</li>
+ </ul>
+ <p>This is a paragraphe. This is a <a href="#">link</a>.
+ </div>
+ <div class="rnk-container">
+ <div id="renkan"></div>
+ </div>
+ <div class="footer">
+ This is a footer
+ </div>
+ </body>
+</html>