--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test/test-readonly-div-resize.html Tue Feb 11 01:06:22 2014 +0100
@@ -0,0 +1,80 @@
+<!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">
+ html {
+ heigt: 100%;
+ }
+ body{
+ margin: 0 auto;
+ width: 100%;
+ heigt: 100%;
+ }
+ header {
+ font-size: 14px;
+ height: 40px;
+ padding-top: 10px;
+ }
+ footer {
+ font-size: 14px;
+ height: 40px;
+ padding-top: 10px;
+ position:absolute;
+ bottom: 0;
+ }
+
+ .wrapper {
+ position:absolute;
+ top:40px;
+ left: 0;
+ right: 0;
+ bottom: 40px;
+ }
+ .rnk-container {
+ min-height: 100%;
+ position: relative;
+ width: 100%;
+ }
+ </style>
+ </head>
+
+ <body>
+ <header>
+ This is a header
+ </header>
+ <div class="wrapper">
+ <div class="rnk-container">
+ <div id="renkan"></div>
+ </div>
+ </div>
+ <footer>
+ This is a footer
+ </footer>
+ </body>
+</html>