ms.dialog

The modal widget opens a modal window which is triggered on the click or load event of the element.

Attributes

Attributes

Id	This will add unique id to the dialog
widget	Specifies the widget or component to be displayed in the dialog.
props	e props object contains properties that are passed to the widget component. In this case, it is passing a property named record with the value of the record variable.
content	This specifies the content to be displayed in the dialog

Examples

Show dialog (vuejs themes)

<a @click="ms.dialog({'id':'CustomId','widget':'widget.name'}).showModal()" role="button">
    <span>{{ms.filters.translate('Button')}}</span>
</a>

<h4>Props</h4>
<a @click="ms.dialog({'id':'CustomId','widget':'widget.name','props':{record:record}}).showModal()">
    <span>{{ms.filters.translate('Button')}}</span>
</a>

<h4>Content</h4>
<a @click="ms.dialog({'id':'CustomId','content':'content'}).showModal()">
    <span>{{ms.filters.translate('Button')}}</span>
</a>