> For the complete documentation index, see [llms.txt](https://prasanth-1.gitbook.io/web2soft-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://prasanth-1.gitbook.io/web2soft-docs/redesign-or-edit-local-pages.md).

# Redesign or edit local pages

* [**Customize the Main / Right menu**](#customize-the-main-right-menu)
* [**Link-local pages to the menu**](#link-local-pages-to-the-menu)
* [**Add a new menu section – (Main menu)**](#add-a-new-menu-section-main-menu)
* [**Available Menu Roles List**](#available-menu-roles-list)
* [**Right Menu Configuration**](#right-menu-configuration)
* [**Hide website elements**](#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.

```javascript
{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.

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

## **Available Menu Roles List**

{% code overflow="wrap" %}

```
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
```

{% endcode %}

## **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.

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

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