Type Alias: PropertyGridSettings

type PropertyGridSettings = object;

Properties

collapsibleCategories

collapsibleCategories: object;

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

enabled

enabled: boolean;

Examples

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

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

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

Default

{ enabled: true }

mode?

optional mode: "Basic" | "Advanced";

Specifies default properties mode

Examples

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

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

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

propertiesTab

propertiesTab: object;

Specifies whether Properties tab needs to be shown

visible

visible: boolean;

Examples

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

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

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

Default

{ visible: true }

saveExpandEditorsState

saveExpandEditorsState: object;

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

enabled

enabled: boolean;

Examples

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

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

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

Default

{ enabled: true }

sort?

optional sort: "categorized" | "alphabetical";

Specifies default properties sort mode

Examples

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

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

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