Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Use the <modal> tag to display a modal window on the page.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
doCloseFunctionY

Specify an additional action when the menu closes. Set the attribute value to the custom s_widget_custom method created in the client script.

isShowBooleanNSet the attribute to true to display the modal window. The default value is false.
isVisibleBooleanNSet the value to false to hide the tag. The default value is true.
styleStringN

Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax.

titleStringYSpecify the modal window title.
isFullScreenMobileBooleanN

Set the value to true to display the modal window in full screen when opened on a mobile device. The default value is false.

Example:

Code Block
languagexml
titlemodal
linenumberstrue
<modal
  title="{data.modalTitle}"
  isMandatory="true"
  isShow="{data.isShow}"
  doClose="window.s_widget_custom.countClosing();">
</modal>