forked from blackgate/bg-splitter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (35 loc) · 969 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset=utf-8 />
<title>bg-splitter</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<style>
body
{
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}
.pane-container
{
padding: 10px;
}
</style>
</head>
<body>
<bg-splitter orientation="horizontal">
<bg-pane min-size="100"><div class="pane-container">Pane 1</div></bg-pane>
<bg-pane min-size="150">
<bg-splitter orientation="vertical">
<bg-pane min-size="100" class="pane-container">Pane 2</bg-pane>
<bg-pane min-size="150" class="pane-container">Pane 3</bg-pane>
</bg-splitter>
</bg-pane>
</bg-splitter>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="js/splitter.js"></script>
<script>
angular.module('myApp', ['bgDirectives']);
</script>
</body>
</html>