# DesignerApiAppSettings

## Content

# Type Alias: DesignerApiAppSettings

```ts
type DesignerApiAppSettings = object;
```

## Properties

### about

```ts
about: AppAboutSettings;
```

Contains documentation links and application info

***

### editor

```ts
editor: AppEditorSettings;
```

Information about the availability of common actions with the report and selected items

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
const designer = arWebDesigner.apiOf('ar-web-designer');
if (designer.app.editor.canUndo) designer.app.editor.undo();
```

```javascript
// UMD usage
const designer = GrapeCity.ActiveReports.Designer.apiOf('ar-web-designer');
if (designer.app.editor.canUndo) designer.app.editor.undo();
```

```typescript
	const designer = GrapeCity.ActiveReports.Designer.apiOf('ar-web-designer');
	if (designer.app.editor.canUndo) designer.app.editor.undo();
```

***

### focus

```ts
focus: () => void;
```

Returns focus to Designer. Focus may be lost when plug-in components are opened/closed.\
Returning focus is essential to continue using Designer hotkeys like Ctrl+Z (undo), Ctrl+Y (redo), etc.

#### Returns

`void`

#### Examples

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

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
		rpx: { enabled: true },
		appBar: { openButton: { visible: true } }
	}).then((designer) => {
			designer.app.focus();
		 });
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
		rpx: { enabled: true },
		appBar: { openButton: { visible: true } }
	}).then((designer: DesignerAPI) => {
			designer.app.focus();
		 });
```

***

### panels

```ts
panels: AppPanelsSettings;
```

Contains access to the menu and sidebar panels

***

### themes

```ts
themes: ThemesAPI;
```