Helpcenter +918010117117 https://help.storehippo.com/s/573db3149f0d58741f0cc63b/ms.settings/5256837ccc4abf1d39000001/57614ef64256dc6851749879-480x480.png" [email protected] https://www.facebook.com/StoreHippohttps://twitter.com/StoreHippohttps://www.linkedin.com/company/hippoinnovations/https://plus.google.com/+Storehippo/posts
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India
Create a Trial Store StoreHippo.com Contact Us
- Email:
[email protected]
Phone:
+918010117117
Introduction
Overview Understanding Themes Global Objects Startup WidgetsGlobal Widgets
ms.form.affiliateLogin ms.form.affiliateRegister ms.form.sellerLogin ms.form.sellerRegister ms.login ms.dialog ms.modal ms.collections ms.brands ms.product ms.order ms.forms ms.form.register ms.navigation ms.slides ms.banner ms.languages ms.currencies ms.products ms.userWishlist ms.userAddresses ms.addon.addthis ms.form.search ms.categories
ms.dialog
The modal widget opens a modal window which is triggered on the click or load event of the element.
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>