You use a NavbarAppearance if you want to add a navigation bar (menu) to your pages. If you also want to include a search input field, use the NavbarSearchAppearance.

You normally create a elmo:Part as a NavbarAppearance and use elmo:contains to include the navbar into any representation you want.

Every item in the navbar will be a blank node that is attached to the elmo:Part using a elmo:data property. And every item has the following properties:

When you specifiy the hyperlink, you can use absolute or relative url’s. The LDT processes these links in a different manner:

Navbar appearance

Example

@prefix elmo: <http://bp4mc2.org/elmo/def#>.
@prefix xhtml: <http://www.w3.org/1999/xhtml/vocab#>.
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
@prefix stage: <http://localhost:8080/stage#>. 
stage:menu a elmo:Part;
	elmo:appearance elmo:NavbarSearchAppearance;
	elmo:data [
		rdfs:label "Linked Data Theater"@nl;
		rdfs:label "Linked Data Theatre"@en;
		elmo:data [
			elmo:index "1";
			rdfs:label "Submenu";
			elmo:data [elmo:index "1"; rdfs:label "Item 1"; xhtml:link "/query/item1"];
			elmo:data [elmo:index "2"; rdfs:label "Item 2"; xhtml:link "/query/item2"];
			elmo:data [elmo:index "3"; rdfs:label "Item 3"; xhtml:link "/query/item3"];
		];
		elmo:data [
			elmo:index "2";
			rdfs:label "A head menu-item"@en;
			rdfs:label "Een hoofdmenu-item"@nl;
			xhtml:link "http://github.com"
		];
	];
.