Skip to content

Interface: IDialogCoreConfig

Boris Jenicek edited this page Dec 20, 2021 · 8 revisions

Interface: IDialogCoreConfig

Optional user configuration.

Example:

// Dialog core config object example.
const dialogCoreConfig = {
    dialogCoreConfig: {
       width          : '500px',
       // minWidth       : '300px',
       // maxWidth       : '700px',
       height         : '500px',
       // minHeight      : '100vh',
       // maxHeight      : '100px',
       hideScrollbar  : true,
       escapeKeyClose : true,
       // fullScreen : true,
       buttonPosition : 'right',
       layoutType: DialogLayoutDisplay.INFO,
       // loaderComponent: // Any Angular component class name can be included as a loader.
       displayLoader: false, // This will override LoaderComponent.
       customStyles: {
          buttonSectionCss: 'background: #333',
          buttonCss: 'font-size: 30px;',
          wrapperCss: 'background: #333;'
        }
    }
 }

Hierarchy

  • ISizes

    IDialogCoreConfig

Properties

animationIn

Optional animationIn: AppearanceAnimation


animationOut

Optional animationOut: DisappearanceAnimation


buttonPosition

Optional buttonPosition: VerticalPosition


customStyles

Optional customStyles: IDialogCustomStyles


displayLoader

Optional displayLoader: boolean


escapeKeyClose

Optional escapeKeyClose: boolean


fullScreen

Optional fullScreen: boolean

Inherited from: ISizes.fullScreen


height

Optional height: string

Inherited from: ISizes.height


hideScrollbar

Optional hideScrollbar: boolean


layoutType

Optional layoutType: DialogLayoutDisplay


loaderComponent

Optional loaderComponent: Type<any>


maxHeight

Optional maxHeight: string

Inherited from: ISizes.maxHeight


maxWidth

Optional maxWidth: string

Inherited from: ISizes.maxWidth


minHeight

Optional minHeight: string

Inherited from: ISizes.minHeight


minWidth

Optional minWidth: string

Inherited from: ISizes.minWidth


width

Optional width: string

Inherited from: ISizes.width

Clone this wiki locally