# PreviewSettings

## Content

# Type Alias: PreviewSettings

```ts
type PreviewSettings = object;
```

## Properties

### canPreview?

```ts
optional canPreview?: boolean;
```

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

#### Examples

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

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

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

#### Default

```ts
true
```

***

### openViewer

```ts
openViewer: (settings) => void;
```

You can plug-in **Viewer** component by providing **openViewer** function\

#### Parameters

##### settings

[`ViewerSettings`](ViewerSettings)

ViewerSettings object

#### Returns

`void`

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
 preview: {
     openViewer: (info) =>
         console.log(info.applicationTitle)
  }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
 preview: {
     openViewer: (info) =>
         console.log(info.applicationTitle)
  }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
 preview: {
     openViewer: (info: ViewerSettings) =>
         console.log(info.applicationTitle)
  }
});
```