cloudSampleSolution - how to show/hide nav items
Posted: Sat Feb 19, 2022 11:40 pm
In the Servoy cloudSampleSolution I would like to change the below mainNavMenu loadMenuItems method so each navigation item will have a checkbox on its left. How can I do this?
My end goal is to have a toggle button at the top of the nav list, that will allow users to hide or show table names based on whether they are checked. All suggestions are welcome.
Dean Westover
Choices Software, Inc.
- Code: Select all
function loadMenuItems() {
/** @type {CustomType<servoyextra-sidenav.MenuItem>} */
var menuItem;
var menuItems = [];
var menuSubItem;
var menuSubItems = [];
// HOME
menuItem = new Object();
menuItem.id = "homeDashboard";
menuItem.text = "DASHBOARD"
menuItem.iconStyleClass = "fa fa-th-large";
menuItems.push(menuItem);
// CUSTOMERS
menuItem = new Object();
menuItem.id = "customersTableView";
menuItem.text = "CUSTOMERS"
menuItem.iconStyleClass = "icon-contacts";
menuItems.push(menuItem);
My end goal is to have a toggle button at the top of the nav list, that will allow users to hide or show table names based on whether they are checked. All suggestions are welcome.
Dean Westover
Choices Software, Inc.