MessageDialog

Configs

120

Common

listenersEvents

Accessibility

ariaDescriptionWidget

ariaLabelWidget

keyMapKeyMap

Content

bbarPanel

defaultsContainer

itemsContainer

lazyItemsContainer

namedItemsContainer

tbarPanel

textContentContainer

toolsPanel

CSS

borderContainer

clsWidget

colorWidget

contentElementClsWidget

itemClsContainer

styleWidget

uiPanel

DOM

adoptWidget

htmlWidget

idWidget

insertBeforeWidget

insertFirstWidget

tagWidget

Float & align

alignWidget

anchorWidget

constrainToWidget

hideAnimationWidget

maximizeOnMobileWidget

positionedWidget

scrollActionWidget

showAnimationWidget

xWidget

yWidget

Layout

alignSelfWidget

collapsiblePanel

dockWidget

flexWidget

heightWidget

hiddenWidget

hideWhenEmptyContainer

layoutContainer

layoutStyleContainer

marginWidget

maxHeightWidget

minHeightWidget

textAlignWidget

weightWidget

widthWidget

misc

tabBarItemsContainer

Misc

bubbleEventsEvents

dataFieldWidget

defaultBindPropertyWidget

elementAttributesWidget

iconPanel

ignoreParentReadOnlyWidget

localeClassLocalizable

localizableLocalizable

localizablePropertiesLocalizable

maskDefaultsWidget

maskedWidget

monitorResizeWidget

ownerWidget

preventTooltipOnTouchWidget

refWidget

rippleWidget

rootElementWidget

showTooltipWhenDisabledWidget

tabWidget

titlePanel

Other

callOnFunctionsWidget

catchEventHandlerExceptionsEvents

closeActionPopup

closeOnEscapePopup

columnWidget

defaultFocusContainer

detectCSSCompatibilityIssuesWidget

focusOnToFrontPopup

forElementPopup

inputFieldAlignContainer

labelPositionContainer

maximizablePopup

modalPopup

renditionContainer

resizableResizable

rtlRTL

showOnClickPopup

spanWidget

Record

autoUpdateRecordContainer

recordContainer

strictRecordMappingContainer

Scrolling

scrollableWidget

State

statefulEventsState

stateProviderState

Properties

98

Other

cancelButton: Numberreadonly

The enum value for the Cancel button

okButton: Numberreadonly

The enum value for the OK button

$namestaticWidget

catchEventHandlerExceptionsEvents

columnWidget

convertPinchToMousewheelstaticWidget

firstItemContainer

hasChangesContainer

inputFieldAlignContainer

isSettingValuesContainer

isStatefulState

isValidContainer

itemsContainer

labelPositionContainer

lastItemContainer

renditionContainer

resizableResizable

rtlRTL

spanWidget

toolsPanel

typestaticWidget

valuesContainer

Accessibility

focusVisibleWidget

keyMapKeyMap

Class hierarchy

isContainerContainer

isDelayableDelayable

isLocalizableLocalizable

isResizableResizable

isToolableToolable

Content

bbarPanel

tbarPanel

CSS

clsWidget

DOM

contentElementWidget

focusableElementWidget

focusElementWidget

htmlWidget

idWidget

insertBeforeWidget

insertFirstWidget

overflowElementWidget

styleWidget

Float & align

anchorSizeWidget

maximizeOnMobileWidget

xWidget

yWidget

Layout

alignSelfWidget

collapsingPanel

flexWidget

heightWidget

layoutContainer

layoutStyleContainer

marginWidget

maxHeightWidget

minHeightWidget

scrollableWidget

widthWidget

Lifecycle

isConstructingBase

isDestroyedBase

isDestroyingBase

Misc

callOnFunctionsEvents

localeHelperLocalizable

localeManagerLocalizable

refWidget

tabWidget

titlePanel

Record

recordContainer

strictRecordMappingContainer

State

stateState

Visibility

hiddenWidget

isVisibleWidget

Widget hierarchy

containsFocusWidget

nextSiblingWidget

ownerWidget

parentWidget

previousSiblingWidget

visibleChildCountContainer

widgetMapContainer

Functions

78

Other

Shows an alert popup with a message. The returned promise resolves when the button is clicked.

Parameter	Type	Description
`options`	Object	An options object for what to show.
`options.modal`	Boolean	Set to `false` to not have the dialog be modal
`options.title`	String	The title to show in the dialog header.
`options.message`	String	The message to show in the dialog body.
`options.rootElement`	String	The root element of this widget, defaults to document.body. Use this if you use the MessageDialog inside a web component ShadowRoot
`options.okButton`	String \| ButtonConfig	A text or config object to apply to the OK button.

Returns: Promise -

A promise which is resolved when the dialog is closed

Shows a confirm dialog with "Ok" and "Cancel" buttons. The returned promise resolves passing the button identifier of the button that was pressed (okButton or cancelButton).

Parameter	Type	Description
`options`	Object	An options object for what to show.
`options.modal`	Boolean	Set to `false` to not have the dialog be modal
`options.title`	String	The title to show in the dialog header.
`options.message`	String	The message to show in the dialog body.
`options.rootElement`	String	The root element of this widget, defaults to document.body. Use this if you use the MessageDialog inside a web component ShadowRoot
`options.cancelButton`	String \| ButtonConfig	A text or a config object to apply to the Cancel button.
`options.okButton`	String \| ButtonConfig	A text or config object to apply to the OK button.

Returns: Promise -

A promise which is resolved when the dialog is closed

Shows a popup with a basic TextField along with a message. The returned promise resolves when the dialog is closed and yields an Object with a button (okButton or cancelButton) and a text property with the text the user provided

Parameter	Type	Description
`options`	Object	An options object for what to show.
`options.modal`	Boolean	Set to `false` to not have the dialog be modal
`options.title`	String	The title to show in the dialog header.
`options.message`	String	The message to show in the dialog body.
`options.rootElement`	String	The root element of this widget, defaults to document.body. Use this if you use the MessageDialog inside a web component ShadowRoot
`options.textField`	TextFieldConfig	A config object to apply to the TextField.
`options.cancelButton`	String \| ButtonConfig	A text or a config object to apply to the Cancel button.
`options.okButton`	String \| ButtonConfig	A text or config object to apply to the OK button.

Returns: Promise -

A promise which is resolved when the dialog is closed. The promise yields an Object with a button (okButton or cancelButton) and a text property with the text the user provided

addContainer

addListenerEvents

announceAriaLiveWidget

closePopup

collapsePanelPanel

createOnFrameDelayable

enableWidget

exitFullscreenWidget

expandPanelPanel

focusWidget

getAtContainer

getWidgetByIdContainer

hasListenerEvents

insertContainer

LstaticLocalizable

maskWidget

onEvents

processWidgetConfigContainer

recomposeWidget

removeContainer

removeAllContainer

removeAllListenersEvents

removeListenerEvents

requestFullscreenWidget

resetValuesContainer

resumeEventsEvents

revertFocusWidget

setValuesContainer

suspendEventsEvents

unEvents

unmaskWidget

Configuration

applyDefaultsstaticBase

Events

detachListenersBase

Float & align

setXYWidget

showByWidget

Lifecycle

constructorBase

createstaticWidget

destroystaticBase

initClassstaticWidget

Misc

animatePropertyBase

attachTooltipstaticWidget

downloadTestCaseBase

fromElementstaticWidget

fromSelectorstaticWidget

getByIdstaticWidget

isOfTypeNamestaticBase

mixinstaticBase

optionalLstaticLocalizable

resolveCallbackBase

toggleCollapsedPanel

updateLocalizationLocalizable

State

applyStateState

Visibility

hideWidget

showWidget

Widget hierarchy

eachAncestorWidget

eachWidgetWidget

ownsWidget

queryWidget

upWidget

Events

22

beforeClosePopup

beforeDestroyEvents

beforeHideWidget

beforeSetRecordContainer

beforeShowWidget

beforeStateApplyState

beforeStateSaveState

dirtyStateChangeContainer

elementCreatedWidget

hideWidget

paintWidget

recomposeWidget

resizeWidget

showWidget

Event handlers

22

onBeforeClosePopup

onBeforeDestroyEvents

onBeforeHideWidget

onBeforeSetRecordContainer

onBeforeShowWidget

onBeforeStateApplyState

onBeforeStateSaveState

onCatchAllEvents

onCollapsePanel

onDestroyEvents

onDirtyStateChangeContainer

onElementCreatedWidget

onFocusInWidget

onFocusOutWidget

onHideWidget

onReadOnlyWidget

onRecomposeWidget

onShowWidget

onToolClickPanel

Typedefs

7

AlignSpecWidget

BryntumListenerConfigEvents

CellWidgetContextWidget

ColorWidget

DelayableConfigDelayable

KeyMapConfigKeyMap

PanelHeaderPanel

CSS variables

62

Name	Description
`--b-message-dialog-min-width`	MessageDialog min-width
`--b-message-dialog-button-min-width`	MessageDialog button min-width

Inherited