set default view on read only mode.
<!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/jquery-ui.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="../js/main.js"></script>
<script src="../js/defaults.js"></script>
<script src="../js/i18n.js"></script>
<script src="../js/models.js"></script>
<script src="../js/full-json.js"></script>
<script src="../js/list-bin.js"></script>
<script src="../js/ldtjson-bin.js"></script>
<script src="../js/wikipedia-bin.js"></script>
<script src="../js/paper-renderer.js"></script>
<script type="text/javascript">
var _renkan;
$(function() {
_renkan = new Rkns.Renkan({
search: [
{
type: "Ldt"
},
{
type: "Wikipedia",
lang: "fr"
},
{
type: "Wikipedia",
lang: "ja"
}
],
bins: [
{
title: "Projet Lignes de Temps",
type: "Ldt",
ldt_type: "Project",
project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
ldt_platform: "http://ldt.iri.centrepompidou.fr/"
},
{
type: "ResourceList",
title: "Ressources",
list: [
{
url: "http://www.google.com/",
title: "Google",
description: "Search engine",
image: "http://www.google.fr/images/srpr/logo4w.png"
},
"Polemic Tweet http://www.polemictweet.com",
"Twitter http://www.twitter.com/"
]
}
],
/*property_files: [ "data/properties.json" ],
node_fill_color: false*/
language: "fr",
drop_enhancer: function(newNode, _data){
newNode.title = "Prefix : " + newNode.title;
return newNode;
}
});
Rkns.jsonIO(_renkan, {
url: "../data/simple-persist.php"
});
});
</script>
<link rel="stylesheet" href="../css/renkan.css" />
<style type="text/css">
html { height: 100%; }
body {
height:100%;
min-height: 100%;
position:relative;
margin: 0;
}
.header, .footer, .wrapper, .rnk-container{
width: 100%;
}
.header, .footer {
font-size: 14px;
padding-top: 10px;
background: #ddd;
position: fixed;
}
.header{
top: 0;
height: 30px;
}
.footer{
bottom: 0;
height: 70px;
}
.rnk-container{
height: 100%;
width: 100%;
position: relative;
}
.wrapper{
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 0 80px;
}
</style>
</head>
<body>
<div class="header">
This is a header
</div>
<div class="wrapper">
<div class="rnk-container">
<div id="renkan"></div>
</div>
</div>
<div class="footer">
This is a footer
</div>
</body>
</html>