> For the complete documentation index, see [llms.txt](https://docs.microting.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.microting.com/plugins/adding-a-menu-point.md).

# Adding a menu item

### Step 1

In your preferred c# IDEA open project \<YourPlugin>/eFormAPI.

Open your plugin class example: \<YourPlugin>.cs

In the method HeaderMenu: Add a new MenuItemModel.

```
 new MenuItemModel()
                    {
                        Name = localizationService.GetString("<Your Menupoint>"),
                        E2EId = "trash-inspection-pn-<Your Menupoint>",
                        Link = "/plugins/trash-inspection-pn/<your Menupoint>",
                        Position = 6,
                    }
```

### Step 2

In your preferred TypeScript IDEA open project \<YourPlugin>/eform-client.&#x20;

In your Plugin folder src/app/plugins/modules/\<yourpluginfolder>/components Add a new folder called \<menupoint name>

In your newly created folder. Create a new angular CLI Component called \<yourcomponent-view>

### Step 3

In \<yourplugin.routing.module.ts> file add your new path.

```
      {
        path: '<yourRoute>',
        canActivate: [AdminGuard],
        component: <yourViewComponent>
      }
```

### Step 4

Add index.ts file to your \<yourcomponent> folder

```
export * from './<yourcomponent/<yourcomponent>.component';
```

### Step 5

in \<yourplugin> folder there is a file named index.ts add this line in the file

```
export * from './<yourcomponent>/index';
```

### Step 6

in \<yourplugin.module.ts> file import \<yourcomponent>&#x20;

```
  import: {
    <YourViewComponent>
  },
```

### Step 7

In \<yourplugin.module.ts> add view component to Declarations

```
  declarations: [
    <YourViewComponent>
  ],
```