Hi Folks,
In this blog post, I will talk about implementing a custom page for your implementations.
Thank you very much Gopinath Vinothkumar for the help to implement this in our project.
Here in our use case, customer want to see a pop up dialog box where they can reject the cases from a button and when reject is clicked, there should be a dialog box to capture the reject reason and comments and update them back to the record. So for this we had to implement a custom page and called from a Ribbon button. If you just want to show an alert, you can very easily implement using JavaScript with the help of OOB Alert Dialog…
Xrm.Navigation.openAlertDialog(alertStrings,alertOptions).then(closeCallback,errorCallback);
But in case as user want to update entity details like optionset field, directly from the pop up, you should consider using the approach as we did using a custom page.
.
All we have used is JavaScript, Ribbon Workbench and Custom Page…First is to design the custom page in https://make.powerapps.com/
The optionset for Reject Reason is bound to the Reject Reason combo box using the below property.
On the App start, we will set the parameter with what we have supplied from the ribbon on-click function.
On the OnSelect property of the Save button, we can use the below function
Function:
Here’s the js code for the button OnClick Event…
Here the ribbon workbench customization added…
Finally publish the customizations and add the custom page to the model driven app…don’t forget to add this to your app as this mandatory to get the authorization to your page as below, else you see below error in developer tools of your browser as below…and no custom page opens up…
That’s it…when a Reject is clicked, you should a see a page as below..
Upon entering the details as above, you will be shown a confirmation screen as below..
Once you click on Close, the selected details will be updated back in the record.
Hope this helps someone implementing custom page for a similar requirement….
Cheers,
PMDY