1 files changed, 71 insertions, 0 deletions
diff --git a/documentation/css/preview/nav.php b/documentation/css/preview/nav.php
new file mode 100644
index 000000000..3ce839472
--- /dev/null
+++ b/documentation/css/preview/nav.php
@@ -0,0 +1,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" style="width: 800px; margin: 20px auto;">
+		<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>
+\ No newline at end of file