Visualization UI

This schema specifies the navigation UI element format.

Visualization UI navigation bar structure

https://gros.liacs.nl/schema/visualization-ui/navbar.json

navbar

navbar

oneOf	type	array
	items	type	object
		oneOf	brand
			link
			fullscreen
			image
			text
			burger
			menu
			start
			end
			dropdown
			divider
	locale

brand

A Bulma navbar brand container. See: https://bulma.io/documentation/components/navbar/#navbar-brand
properties
type	const	brand
items	Navbar items to display in the brand section.
	navbar

link

A Bulma navbar item. See: https://bulma.io/documentation/components/navbar/#navbar-item
properties
type	const	link
class	Class name for the Bulma navbar item. Can contain more classes, space-separated, but the first one is prefixed with navbar-.
	type	string
	default	item
allOf	menu_link

menu_link

properties
url	attr_url
title	Title of the navbar item.
	locale_text
icon	attr_icon
content	navbar

fullscreen

A fullscreen item, displayed as an icon. Clicking it toggles between fullscreen display and normal browser display.
properties
type	const	fullscreen
title	Title of the fullscreen item.
	locale_text
icon	attr_icon

image

An image, including sizing options to properly display SVG images.
properties
type	const	image
url	attr_url
alt	Alternative text for the image.
	locale_text
width	Width of the image.
	type	integer
	minimum	0
height	Height of the image.
	type	integer
	minimum	0
style	CSS style declarations for the image element.
	type	string

text

A plain text field.
properties
type	const	text
text	Text to display.
	locale_text

burger

A Bulma hamburger with a line-based icon for opening a menu on touch devices with smaller screen sizes. See: https://bulma.io/documentation/components/navbar/#navbar-burger
properties
type	const	burger
target	ID of a menu item that is expanded or collapsed when tapping the icon.
	type	string
lines	Number of lines to display in the burger.
	type	integer
	const	3

menu

A Bulma menu. See: https://bulma.io/documentation/components/navbar/#navbar-menu
properties
type	const	menu
id	Unique identifier of the Bulma menu.
	type	string
items	navbar

start

A Bulma start side of a menu bar. See: https://bulma.io/documentation/components/navbar/#navbar-start-and-navbar-end
properties
type	const	start
items	navbar

end

A Bulma end side of a menu bar. See: https://bulma.io/documentation/components/navbar/#navbar-start-and-navbar-end
properties
type	const	end
items	navbar

dropdown

A Bulma dropdown menu. See: https://bulma.io/documentation/components/navbar/#dropdown-menu
properties
type	const	dropdown
class	Additional class names for the Bulma item that holds the navbar menu.
	type	string
id	Unique identifier of the inner Bulma dropdown menu.
	type	string
link	Item to display with the menu dropdown arrow.
	type	object
	properties
	class	Class name for the Bulma menu dropdown arrow link. Can contain more classes, space-separated, but the first one is prefixed with navbar-.
		type	string
		default	link
	allOf	menu_link
items	navbar

divider

A horizontal line in a Bulma dropdown menu to separate navbar items.
properties
type	const	divider

locale_text

oneOf	type	string
	locale

locale

type	object
patternProperties
^[a-zA-Z]{2,3}(-.*)?$	Localization item for a specific language. Valid languages use two-letter ISO 639-1 language codes plus optional BCP 47 subtags, so only a subset of languages is recognized.
	type	string

attr_url

oneOf	URL of the item.
	type	string
	format	uri-reference
	URL consisting of multiple portions, which are joined together.
	type	array
	items	attr_url
	type	object
	properties
	config	Configuration key to obtain the URL from.
		type	string
	type	object
	properties
	locale	Localization key from the current locale. May be lang to retrieve the current language code.
		type	string
	locale

attr_title

oneOf	Title of the item.
	type	string
	locale_text

attr_icon

oneOf	Classes of the icon for the item, separated by spaces.
	type	string
	Portions of a FontAwesome icon class for the item. The classes after the first one are prefixed with fa-.
	type	array
	items	type	string
	minItems	2