🙃Redesign or edit local pages

All local web pages of your application (About, Contact and Loading page) are located in the public directory. You can open any one of the pages which you want to edit and make changes.

• Customize the Main / Right menu

• Link-local pages to the menu

• Add a new menu section – (Main menu)

• Available Menu Roles List

• Right Menu Configuration

• Hide website elements

Customize the Main / Right menu

There are two menu types

• Main application menu – menu-config.js

• Right menu – right-menu-config.js

Link-local pages to the menu

First create a .html page in your app's public folder. By using the following format, replace the values of your newly created html page file name value.

{label : 'Home', click : () => { require('./main')("home") }},
{label : 'About', click : () => { require('./main')("about") }},

Add a new menu section – (Main menu)

Copy-paste for the following code block and replace the values as you need.

{
label: 'New_Menu_Name',
submenu: [
{role : 'reload'},
{role : 'zoomIn'},
{role : 'zoomOut'},
]
},

Available Menu Roles List

Undo, redo, cut, copy, paste, pasteAndMatchStyle, delete, selectAll, reload, forceReload, toggleDevTools, resetZoom, zoomIn, zoomOut, togglefullscreen, window, minimize, close, help, about, services, hide, hideOthers, unhide, quit, startSpeaking, stopSpeaking, close, minimize, zoom, front, appMenu, fileMenu, editMenu, viewMenu, recentDocuments, toggleTabBar, selectNextTab

Right Menu Configuration

As the documentation mentioned earlier, you can add the right menu also to Local web pages and roles. Navigate the application root right-menu-config.js and edit.

Hide website elements

Give a native look to your application. You can hide your website elements as you prefer. To do this, open config.js file.

Next, you can add your class or id value separated by a comma.

//Hide elements by ID
'hideElementsId' : ['id_1', 'id_2', 'id_3'],

//Hide elements by Class
'hideElementsClass' : ['class_1', 'class_2', 'class_3'],