# 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'],
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://prasanth-1.gitbook.io/web2soft-docs/redesign-or-edit-local-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.