Skip to content

SideNav

The SideNav is a container that provides sidebar navigation functionality

Extends: Container

Properties

PropertyTypeDefaultDescription
activeTabnumbernilThe currently active navigation item ID
sidebarWidthnumber12Width of the sidebar navigation area
tabstable{}List of navigation item definitions
sidebarBackgroundcolorgrayBackground color for the sidebar area
activeTabBackgroundcolorwhiteBackground color for the active navigation item
activeTabTextColorcolorblackForeground color for the active navigation item text
sidebarScrollOffsetnumber0Current scroll offset for navigation items in scrollable mode
sidebarPositionstring"left"Position of the sidebar ("left" or "right")

Functions

MethodReturnsDescription
SideNav:newTabtableCreates a new navigation item handler proxy
SideNav:setTabSideNavSets an element to belong to a specific navigation item
SideNav:addElementtableAdds an element to the SideNav and assigns it to the active navigation item
SideNav:setActiveTab-Sets the active navigation item
SideNav:scrollSidebarSideNavScrolls the sidebar up or down
SideNav:setCursor-Sets the cursor position; accounts for sidebar offset when delegating to parent

SideNav:newTab(title)

returns a proxy for adding elements to the navigation item

Parameters

  • title string The title of the navigation item

Returns

  • table tabHandler The navigation item handler proxy for adding elements

SideNav:setTab(element, tabId)

Parameters

  • element table The element to assign to a navigation item
  • tabId number The ID of the navigation item to assign the element to

Returns

  • SideNav self For method chaining

SideNav:addElement(elementType, tabId)

Parameters

  • elementType string The type of element to add
  • tabId number Optional navigation item ID, defaults to active item

Returns

  • table element The created element

SideNav:setActiveTab(tabId)

Parameters

  • tabId number The ID of the navigation item to activate

SideNav:scrollSidebar(direction)

Scrolls the sidebar up or down

Parameters

  • direction number -1 to scroll up, 1 to scroll down

Returns

  • SideNav self For method chaining

SideNav:setCursor()

Released under the MIT License.