Versions Compared
compared with
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Comment:
Merged branch "DOC0000070" into parent
Use the <modal> tag to display a modal window on the page.
Available attributes:
Attribute | Type | Mandatory | Description |
---|---|---|---|
class | String | N | Specify the CSS class name defined in the CSS field of the widget. |
doClose | Function | Y | Specify an additional action when the menu closes. Set the attribute value to the custom s_widget_custom method created in the client script. |
isShow | Boolean | N | Set the attribute to true to display the modal window. The default value is false. |
style | String | N | Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax. |
title | String | Y | Specify the modal window title. |
isFullScreenMobile | Boolean | N | 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 | ||||||
---|---|---|---|---|---|---|
| ||||||
<modal title="{data.modalTitle}Title" isMandatory="true" isShow="{data.isShow}true" doClose="window.s_widget_custom.countClosing();"> </modal> |
The template above displays the following element on the page:
Image Added