# MenuSettings

## Content

# Type Alias: MenuSettings

```ts
type MenuSettings = object;
```

## Properties

### documentExplorer

```ts
documentExplorer: object;
```

**Document Explorer** settings

Specifies whether **Document Explorer** button needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
  menu: {
      documentExplorer: { visible: false }
  }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      documentExplorer: { visible: false }
  }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      documentExplorer: { visible: false }
  }
});
```

#### Default

```ts
{ visible: true }
```

***

### groupEditor

```ts
groupEditor: object;
```

**Group Editor** settings

Specifies whether **Group Editor** button needs to be shown.

#### visible

```ts
visible: boolean;
```

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
  menu: {
      groupEditor: { visible: false }
  }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      groupEditor: { visible: false }
  }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      groupEditor: { visible: false }
  }
});
```

#### Default

```ts
{ visible: true }
```

***

### layerEditor

```ts
layerEditor: object;
```

**Layer Editor** settings

Specifies whether **Layer Editor** button needs to be shown.

#### visible

```ts
visible: boolean;
```

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
  menu: {
      layerEditor: { visible: false }
  }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      layerEditor: { visible: false }
  }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
      layerEditor: { visible: false }
  }
});
```

#### Default

```ts
{ visible: true }
```

***

### logo

```ts
logo: MenuLogoSettings;
```

**Logo** settings

***

### toolBox

```ts
toolBox: object;
```

**Tool Box** settings

Specifies whether left-side menu **Tool Box** needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
  menu: {
     toolBox: { visible: false }
  }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
     toolBox: { visible: false }
  }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
  menu: {
     toolBox: { visible: false }
  }
});
```

#### Default

```ts
{ visible: true }
```

***

### visible

```ts
visible: boolean;
```

Specifies whether **Main Menu** needs to be shown

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
     menu: { visible: false }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
     menu: { visible: false }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
     menu: { visible: false }
});
```

#### Default

```ts
true
```
