{"id":26372,"date":"2021-01-08T11:56:33","date_gmt":"2021-01-08T11:56:33","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=26372"},"modified":"2021-01-08T11:56:33","modified_gmt":"2021-01-08T11:56:33","slug":"opening-an-iframe-in-a-modal-dialog-with-custom-parameters-in-resco-mobile-app","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2021\/01\/opening-an-iframe-in-a-modal-dialog-with-custom-parameters-in-resco-mobile-app\/","title":{"rendered":"Opening an iFrame in a Modal Dialog with Custom Parameters in Resco Mobile App"},"content":{"rendered":"

Sometimes working with the Resco Mobile app, we need an Iframe to open programmatically within the application same as Dynamics 365 CRM. For example, opening a web resource in a window on click of a custom ribbon button, we can add the same functionality in Resco Mobile App as well. In order to open child IFrame in a dialog window by using another i.e. parent Iframe, we can use the \u201cMobileCRM.UI.IFrameForm.showModal\u201d function of Resco.<\/p>\n

For instance, let\u2019s say we want to open a custom dialog on click of \u201cShow Duplicate Accounts\u201d command which will list out all Account records with same \u201cName\u201d and \u201cPhone\u201d. We\u2019ll pass the parameter to the child iframe and get it as well within the child iframe.<\/p>\n

\"add<\/a><\/p>\n

We have created 2 iframe, one is Parent and the second one is Child. We added the Parent iFrame on the Account form with the below code in order to open the child iframe on the click of custom command i.e. \u201cShow Duplicate Accounts\u201d of Account form.<\/p>\n

Please find the below code which is used to open child Iframe with the options (parameters) on click of \u201cShow Duplicate Accounts\u201d<\/strong> command<\/p>\n

\"open<\/a><\/p>\n

Options property of showModal() carries the custom parameters that is specified when opening the dialog using MobileCRM.UI.IFrameForm.showModal function.<\/p>\n

Below is the code which is used to get the options (parameters) within the child iFrame<\/p>\n

\"get<\/a><\/p>\n

Same as EntityForm.requestObject function on entity form; to get the parameters within child iFrame we used MobileCRM.UI.IFrameForm.requestObject function of jsBridge as shown in above code.<\/p>\n

So, by using the iFrame.options.text, we will get our parameters that passed to the child iFrame. Now if we go to the Mobile App, select any Account and click on the \u201cSelect Duplicate Accounts\u201d command, the Modal Dialog will open with the list of duplicate Accounts as shown in the below screenshots<\/p>\n

\"show<\/a><\/p>\n

\"duplicate<\/a><\/h2>\n

Conclusion<\/h2>\n

Similar to Dynamic 365 CRM, we can open an IFrame in a Modal dialog window with custom parameters in Resco Mobile App as well.<\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes working with the Resco Mobile app, we need an Iframe to open programmatically within the application same as Dynamics 365 CRM. For example, opening a web resource in a window on click of a custom ribbon button, we can add the same functionality in Resco Mobile App as well. In order to open child\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16,19],"tags":[449,545,592,2115,1445],"class_list":["post-26372","post","type-post","status-publish","format-standard","hentry","category-dynamics-365","category-dynamics-crm","tag-custom-parameters","tag-dynamics-365-crm","tag-dynamics-crm","tag-opening-an-iframe","tag-resco-mobile-app"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/26372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=26372"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/26372\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=26372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=26372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=26372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}