Skip to main content

UI

confirmationDialog.openConsequential(options) / openDestructive(options)​

Opens a consequential or destructive confirmation dialog.

Usage:

  • window.e.utils.v2.ui.confirmationDialog.openConsequential(options)
  • window.e.utils.v2.ui.confirmationDialog.openDestructive(options)

Parameters

NameTypeRequiredDefaultDescription
headlinestring | HTMLElementyes—Dialog title (sanitized by default)
contentstring | HTMLElementyes—Dialog content (sanitized by default)
disableSanitizationbooleannofalseDisable automatic HTML sanitization
confirm.labelstringno"OK"Confirm button label

createPopup(openerElement, contentElement, options)​

Creates a popup anchored to an opener element. Returns an object with open, close, and toggle methods.

Usage: window.e.utils.v2.ui.createPopup(openerElement, contentElement, options)

Parameters

NameTypeRequiredDescription
openerElementHTMLElementyesThe element that triggers the popup
contentElementHTMLElementyesThe popup content
optionsobjectyesConfiguration options

Options

NameDefaultDescription
placement'bottom'Where to open content relative to opener
arrowtrueToggles arrow rendering
offset12Distance between reference and content
noPadding—Disables padding on popup

Methods: open(), close(), toggle()


dialog({ content, width, noClose })​

Opens a custom dialog with given content. Returns a dialog reference with open and close methods.

Usage: window.e.utils.v2.ui.dialog({ content, width, noClose })

Parameters

NameTypeDescription
contentstring | DOM nodeDialog content
widthstringWidth in any CSS metric
noClosebooleanshould not close dialog on outside click

float(element)​

Opens the given element in the float container.

Usage: window.e.utils.v2.ui.float(element)


openNotification(options)​

Opens a notification on the top window. Returns a notification reference.

Usage: window.e.utils.v2.ui.openNotification(options)

Parameters

NameTypeRequiredDescription
contentstring | objectyesNotification content
content.type'text' | 'html'yesHow content is rendered

busyIndicator.show(options) / busyIndicator.hide()​

Shows or hides a fullscreen busy indicator covering the whole page.

Usage:

  • window.e.utils.v2.ui.busyIndicator.show(options)
  • window.e.utils.v2.ui.busyIndicator.hide()

Parameters

NameTypeDefaultDescription
isGlobalbooleanfalseDisplay outside the iframe (fullscreen) with a different look