# TitleSettings

## Content

# Type Alias: TitleSettings

```ts
type TitleSettings = object;
```

## Properties

### disabled

```ts
disabled: boolean;
```

Specifies whether browser tab title can be updated

#### Default

```ts
false
```

#### Examples

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

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

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

***

### onUpdate()?

```ts
optional onUpdate: (info) => string;
```

You can implement custom logic for updating browser tab's title when edited document gets updated in Designer

#### Parameters

##### info

[`TitleInfo`](TitleInfo)

#### Returns

`string`

#### Default

```ts
undefined
```

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
      title: {
          onUpdate: (info) =>
				`${info.name}${info.hasUnsavedChanges ? ' - Has Unsaved Changes!' : info.name}`
      }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
      title: {
          onUpdate: (info) =>
				`${info.name}${info.hasUnsavedChanges ? ' - Has Unsaved Changes!' : info.name}`
      }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
      title: {
          onUpdate: (info: TitleInfo) =>
				`${info.name}${info.hasUnsavedChanges ? ' - Has Unsaved Changes!' : info.name}`
      }
});
```