aboutsummaryrefslogtreecommitdiff
path: root/documentation/css/preview/nav.php
blob: 3d218a66b6f06fe566ceea42defda70ee04eb30c (plain)
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
/**
 * Navigation CSS
 */

$title = 'Navigation';

require dirname(__FILE__) . '/head.php';

elgg_push_breadcrumb('First', '#');
elgg_push_breadcrumb('Second', '#');
elgg_push_breadcrumb('Third');

?>
<body>
	<div class="elgg-page mal">
		<h1 class="mbl"><?php echo $title; ?></h1>
		<div class="mbl"><a href="index.php">return to index</a></div>
		<h2>Breadcrumbs</h2>
		<div class="mbl">
			<?php echo elgg_view('navigation/breadcrumbs'); ?>
		</div>
		<h2>Tabs</h2>
		<div class="mbl">
			<?php
			$tabs = array(
				array('title' => 'First', 'url' => '#'),
				array('title' => 'Second', 'url' => '#', 'selected' => true),
				array('title' => 'Third', 'url' => '#'),
			);
			echo elgg_view('navigation/tabs', array('tabs' => $tabs));
			?>
		</div>
		<h2>Pagination</h2>
		<div class="mbl">
			<?php
			$params = array(
				'count' => 1000,
				'limit' => 10,
				'offset' => 230,
			);
			echo elgg_view('navigation/pagination', $params);
			?>
		</div>
		<h2>Site Menu</h2>
		<div class="mbl">
			<div class="elgg-page-header" style="height: 40px;">
		<?php
			$params = array();
			$params['menu'] = array();
			$params['menu']['default'] = array();
			for ($i=1; $i<=5; $i++) {
				$params['menu']['default'][] = new ElggMenuItem($i, "Page $i", '#');
			}
			$params['menu']['default'][2]->setSelected(true);
			echo elgg_view('navigation/menu/site', $params);
		?>
			</div>
		</div>
		<h2>Page Menu</h2>
		<div class="mbl pam" style="width: 200px; background-color: #cccccc;">
		<?php
			$m = new ElggMenuItem(10, "Child", '#');
			$m->setParent($params['menu']['default'][1]);
			$params['menu']['default'][1]->addChild($m);
			echo elgg_view('navigation/menu/page', $params);
		?>
		</div>
	</div>
</body>
</html>