UserInterfaceOptions

Options for managing the User Interface of AdapTable

TypeScript
export interface

Properties

PropertyTypeDescriptionDefault
alternativeModuleNamesAlternativeModuleName[]Alternative names to use for Adaptable Modules in the UInull
applicationIconAdaptableIconThe application icon to appear in Dashboard and elsewhere (e.g. in Notifications)null
customIconsCustomIcon[] | (() =>CustomIcon[])Bespoke icons that can be used in AdapTable (e.g. Badge Styles and Buttons)
dateInputOptionsDateInputOptionsOptions for managing and customizing date inputs in AdapTable
disableDeleteConfirmationbooleanHides confirmation dialog which displays whenever an AdaptableObject is deletedfalse
editableCellStyleAdaptableStyleStyle to set for editable Cells
editedCellStyleAdaptableStyleStyle to set for Cells which have been edited
englishVariant'GB' | 'US'English variant to use in AdapTable UI'GB'
loadingScreenOptionsLoadingScreenOptionsOptions for showing Loading Screen (during initialisation)
objectTagsAdaptableObjectTag[] | ((context:ObjectTagsContext) =>AdaptableObjectTag[])Optional list of AdaptableObjectTags that can be associated with AdaptableObjects
readOnlyCellStyleAdaptableStyleStyle to set for non-editable Cells
showAdapTableVersionbooleanDisplays the AdapTable version in Grid Info section of Settings Paneltrue
showAgGridVersionbooleanDisplays the AG Grid version in Grid Info section of Settings Paneltrue
showDocumentationLinksbooleanProvide links to AdapTable documentation (in Module popups and Expression Editor)true
styleClassNamesstring[]Optional list of CSS styles that can be used when creating Adaptable Styles in Adaptable (e.g. in Format Column and other Modules)[]
useCustomMacLikeScrollbarsbooleanShow Mac-like scrollbars; size is configurable via CSS variable --ab-custom-scrollbar-size (default: 10px)false

Property Details

alternativeModuleNames

Alternative names to use for Adaptable Modules in the UI

TypeScript
alternativeModuleNames?: AlternativeModuleName[];
Default Value

null

Property Value

AlternativeModuleName[]

applicationIcon

The application icon to appear in Dashboard and elsewhere (e.g. in Notifications)

TypeScript
applicationIcon?: AdaptableIcon;
Default Value

null

Property Value

AdaptableIcon

colorPalette

TypeScript
colorPalette?: string[] | ((currentTheme: string) => string[]);
Deprecated

Override --ab-color-swatch-*, --ab-color-palette-*, and semantic --ab-color-* variables in light/dark theme instead; will be removed in future release

Property Value

string[] | ((currentTheme: string) => string[])

customIcons

Bespoke icons that can be used in AdapTable (e.g. Badge Styles and Buttons)

TypeScript
customIcons?: CustomIcon[] | (() => CustomIcon[]);
Property Value

CustomIcon[] | (() =>CustomIcon[])

dateInputOptions

Options for managing and customizing date inputs in AdapTable

TypeScript
dateInputOptions?: DateInputOptions;
Property Value

DateInputOptions

disableDeleteConfirmation

Hides confirmation dialog which displays whenever an AdaptableObject is deleted

TypeScript
disableDeleteConfirmation?: boolean;
Default Value

false

Property Value

boolean

editableCellStyle

Style to set for editable Cells

TypeScript
editableCellStyle?: AdaptableStyle;
Property Value

AdaptableStyle

editedCellStyle

Style to set for Cells which have been edited

TypeScript
editedCellStyle?: AdaptableStyle;
Property Value

AdaptableStyle

englishVariant

English variant to use in AdapTable UI

TypeScript
englishVariant?: 'GB' | 'US';
Default Value

'GB'

Property Value

'GB' | 'US'

loadingScreenOptions

Options for showing Loading Screen (during initialisation)

TypeScript
loadingScreenOptions?: LoadingScreenOptions;
Property Value

LoadingScreenOptions

objectTags

Optional list of AdaptableObjectTags that can be associated with AdaptableObjects

TypeScript
objectTags?: AdaptableObjectTag[] | ((context: ObjectTagsContext) => AdaptableObjectTag[]);
Property Value

AdaptableObjectTag[] | ((context:ObjectTagsContext) =>AdaptableObjectTag[])

readOnlyCellStyle

Style to set for non-editable Cells

TypeScript
readOnlyCellStyle?: AdaptableStyle;
Property Value

AdaptableStyle

showAdapTableVersion

Displays the AdapTable version in Grid Info section of Settings Panel

TypeScript
showAdapTableVersion?: boolean;
Default Value

true

Property Value

boolean

showAgGridVersion

Displays the AG Grid version in Grid Info section of Settings Panel

TypeScript
showAgGridVersion?: boolean;
Default Value

true

Property Value

boolean

Provide links to AdapTable documentation (in Module popups and Expression Editor)

TypeScript
showDocumentationLinks?: boolean;
Default Value

true

Property Value

boolean

styleClassNames

Optional list of CSS styles that can be used when creating Adaptable Styles in Adaptable (e.g. in Format Column and other Modules)

TypeScript
styleClassNames?: string[];
Default Value

[]

Property Value

string[]

useCustomMacLikeScrollbars

Show Mac-like scrollbars; size is configurable via CSS variable --ab-custom-scrollbar-size (default: 10px)

TypeScript
useCustomMacLikeScrollbars?: boolean;
Default Value

false

Property Value

boolean