# PropertyGridSettings

## Content

# Type Alias: PropertyGridSettings

```ts
type PropertyGridSettings = object;
```

## Properties

### collapsibleCategories

```ts
collapsibleCategories: object;
```

When set to true, Property Grid categories become collapsible, and app memorizes categories expanded/collapsed states.

#### enabled

```ts
enabled: boolean;
```

#### Examples

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

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

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
			collapsibleCategories: {
				enabled: false
			}
       }
   }
});
```

#### Default

```ts
{ enabled: true }
```

***

### mode?

```ts
optional mode: "Basic" | "Advanced";
```

Specifies default properties mode

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           mode: 'Basic'
       }
   }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           mode: 'Basic'
       }
   }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           mode: 'Basic'
       }
   }
});
```

***

### propertiesTab

```ts
propertiesTab: object;
```

Specifies whether **Properties** tab needs to be shown

#### visible

```ts
visible: boolean;
```

#### Examples

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

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

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

#### Default

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

***

### saveExpandEditorsState

```ts
saveExpandEditorsState: object;
```

When set to true, app memorizes editors expanded/collapsed states.

#### enabled

```ts
enabled: boolean;
```

#### Examples

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

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

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
			saveExpandEditorsState: {
				enabled: false
			}
       }
   }
});
```

#### Default

```ts
{ enabled: true }
```

***

### sort?

```ts
optional sort: "categorized" | "alphabetical";
```

Specifies default properties sort mode

#### Examples

```javascript
// ESM usage
import { arWebDesigner } from './web-designer.js';
arWebDesigner.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           sort: 'alphabetical'
       }
   }
});
```

```javascript
// UMD usage
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           sort: 'alphabetical'
       }
   }
});
```

```typescript
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   propertyGrid: {
       propertiesTab: {
           sort: 'alphabetical'
       }
   }
});
```