# AppBarSettings

## Content

# Type Alias: AppBarSettings

```ts
type AppBarSettings = object;
```

## Properties

### contextActionsTab?

```ts
optional contextActionsTab?: object;
```

**Context Actions** tab settings

Specifies whether **Context Actions** tab needs to be shown in Designer application bar.

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### homeTab?

```ts
optional homeTab?: object;
```

**Home** tab settings

Specifies whether **Home** tab needs to be shown in Designer application bar.

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### insertTab?

```ts
optional insertTab?: object;
```

**Insert** tab settings

Specifies whether **Insert** tab needs to be shown in Designer application bar.\
**Tool Box** and **Insert** tab are interchangeable

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

```ts
{ visible: false }
```

***

### openButton?

```ts
optional openButton?: object;
```

**Open** button settings

Specifies whether **Open** button needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

```ts
{ visible: false }
```

***

### parametersTab?

```ts
optional parametersTab?: object;
```

**Parameters** tab settings

Specifies whether **Parameters** tab needs to be shown in Designer application bar for rdlx documents.

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### saveAsButton?

```ts
optional saveAsButton?: object;
```

**Save As** button settings

Specifies whether **Save As** button needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### saveButton?

```ts
optional saveButton?: object;
```

**Save** button settings

Specifies whether **Save** button needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### scriptTab?

```ts
optional scriptTab?: object;
```

**Script** tab settings

Specifies whether **Script** tab needs to be shown in Designer application bar for rpx documents.

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### visible?

```ts
optional visible?: boolean;
```

Specifies whether **App Bar** needs to be shown\

#### Examples

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

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

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

#### Default

```ts
true
```