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 | HTMLElementyesDialog title (sanitized by default)
contentstring | HTMLElementyesDialog 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
noPaddingDisables padding on popup

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


dialog({ content, width })

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 })

Parameters

NameTypeDescription
contentstring | DOM nodeDialog content
widthstringWidth in any CSS metric

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