{"id":4334,"date":"2022-09-01T05:23:15","date_gmt":"2022-09-01T05:23:15","guid":{"rendered":"https:\/\/himbap.com\/blog\/?p=4334"},"modified":"2022-09-01T05:44:45","modified_gmt":"2022-09-01T05:44:45","slug":"implementing-prompt-dialog-in-d365-ce-part-2","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=4334","title":{"rendered":"Implementing Prompt dialog in D365 CE Part 2"},"content":{"rendered":"

Requirements<\/strong>
\nLet\u2019s say we have requirement where user can put opportunity on hold but before doing he needs to enter comment which should be saved in the opportunity.<\/p>\n

In the earlier part <\/a> we discussed of creating prompt and updating opportunity, in this part we will discuss next items.<\/p>\n

Details<\/strong>
\nWe have our prompt page ready now we need to create a web resource and need to add below scripts to call the dialog and create required buttons to open this dialog. We will be adding two buttons one to put opportunity on hold and another one to remove opportunity from on hold so let’s start<\/p>\n

Open Dialog Dialog from Button<\/strong>
\nWe need to write script to call our dialog, so we can use following code to open dialog.<\/p>\n

\r\nfunction PlaceOnHold(control) {\r\n    var formContext = control;\r\n    var oppId = formContext.data.entity.getId().substring(1, 37);\r\n\r\n    var dialogPage = {\r\n        pageType: "webresource",\r\n        webresourceName: "him_OnHold.html",\r\n        data: oppId\r\n    };\r\n    var navigationOptions = {\r\n        target: 2,\r\n        width: 300,\r\n        height: 230,\r\n        position: 1\r\n    };\r\n    Xrm.Navigation.navigateTo(dialogPage , navigationOptions).then(\r\n        function success() {\r\n\r\n        },\r\n        function error(errordetails) {\r\n            console.log(errordetails);\r\n        }\r\n    );\r\n\r\n}\r\n\r\n<\/pre>\n
In the above code we are first getting primary control parameter from the button which will help us to get the opportunity id and then we are calling the dialog busing navigateTo method by passing dialog web resource details and the navigation options.<\/p>\n
In the same script let’s add another method to remove opportunity from on hold.<\/p>\n
\r\nfunction RemoveOnHold(control) {\r\n    var formContext = control;\r\n    var oppId = formContext.data.entity.getId().substring(1, 37);\r\n    debugger;\r\n    var data =\r\n    {\r\n        "him_placeonhold": false,\r\n    }\r\n    Xrm.WebApi.updateRecord("opportunity", oppId, data).then(\r\n        function success(result) {\r\n          parent.location.reload();\r\n\r\n        },\r\n        function (error) {\r\n            console.log(error);\r\n        }\r\n    );\r\n\r\n}\r\n<\/pre>\n
We are using updateRecord method and setting our boolean field to false.<\/p>\n
Adding Command buttons<\/strong>
\nWe will be adding two buttons one to put on hold and another one to remove from on hold so we need to also create enable rules to hide\/show buttons based on the value of our boolean field. so let’s setup enable three rules first.<\/p>\n
To show button only on Open Opportunity<\/strong>
\nWe want to use on hold functionality only for the open opportunities so we need to setup on rule to show our buttons only on the open opportunity form. We are going to use value rule like below.
\n\"OnHolddialogOpenopp\"<\/a><\/p>\n
Rule to show\/hide OnHold button and Remove On Hold button<\/strong>
\nWe need to setup two another rules which will show button based on the field value.
\n\"OnHoldbutton\"<\/a>
\nAbove rule will show On Hold button when value of the field will be false (opportunity not on hold currently).
\n\"RemoveOnHoldbutton\"<\/a>
\nAbove rule will show button when opportunity will be on Hold.<\/p>\n
Adding Commands and buttons<\/strong>
\nNow we need to add command that we will using under the buttons and we need also refer our enable rules there like below:
\nFor On Hold button
\n\"OnHoldbuttonCommand\"<\/a><\/p>\n
For Remove On Hold button
\n\"RemoveOnHoldCommand\"<\/a>
\nOn Hold Button<\/strong>
\nFinally we need to add button and need to refer commands we created in earlier step
\n\"OnHoldbutton1\"<\/a>
\nRemove On Hold button<\/strong>
\n\"RemoveOnholdbutton1\"<\/a><\/p>\n
Now publish your changes and when we will press On Hold button we should get prompt like below:
\n\"onHoldcomment\"<\/a><\/p>\n
Summary<\/strong>
\nWe discuss how we can add custom bootstrap dialog in D365 and call it from command button.<\/p>\n
Hope it will help someone !!
\nKeep learning and Keep Sharing !!<\/strong><\/p>\n
Completing Activity using Custom Ribbon Button<\/a><\/h1>\n","protected":false},"excerpt":{"rendered":"
Requirements Let\u2019s say we have requirement where user can put opportunity on hold but before doing he needs to enter comment which should be saved in the opportunity. In the earlier part we discussed of creating prompt and updating opportunity, in this part we will discuss next items. Details We have our prompt page ready now we need to create… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":4346,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,21,402,522,25,7,492],"tags":[986,987,988],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4334"}],"collection":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4334"}],"version-history":[{"count":9,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4334\/revisions"}],"predecessor-version":[{"id":4354,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4334\/revisions\/4354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/4346"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}