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:
