XMatters Integration Question

[pdom]

Hello Team,

I have a question reqarging XMatters Integration. OOTB when we click on "Engage With XMatters" table it displays a UI page "xm_engage_with_xmatters". This UI Page is refereing to a table to display "x_xma_xmatters_xm_engage_with_xmatters_content.do"

What does this Content.do refers to?

There is a table "x_xma_xmatters_xm_engage_with_xmatters" but with a number of fields. When we click on the UI Action button it displays a only few fields. I would like to understand this is acheived. I have to develop a similar UI page but with different set of fields. Could you please help me understand how is it being done

Thanks

[xMTinkerer]

Hey Padmini!

  Check out round about line 40 of the xm_engage_with_xmatters Ui Page:

It had this bit of code:

<iframe name="dialog_frame" id="dialog_frame" src="/x_xma_xmatters_xm_engage_with_xmatters_content.do?sysparm_nostack=true&amp;incident_id=${sysparm_sysID}" class="embed-responsive-item"></iframe>

Which means go get the content from the other UI Action "x_xma_xmatters_xm_engage_with_xmatters_content.do".

In that file, you'll see the angular content:

What are you trying to do?

Happy Friday!

    -- Travis

[pdom]

Hello Travis,

Thank you so much for your reply.

All I want to do is display some additional fields from Incident form on the UI page dialog so that customer want to see a different dialog view which is different to OOTB.

There is a great chance that we have to develop two or three different dialog views based on the notification type value user selects.

So to conclude, when user clicks on Engage with Xmatters UI Action button, it should popup a first dialog which display "Notification Type" choice field for user to select. On selection and click of submit button it should open up another dialog form which is similar to OOTB UI page but with some additional fields on it. This second dialog should vary according to the Notification type value selected in first dialog.

As I have limited knowledge on Jelly scripting, not sure how to develop this. Would you be able to suggest any approach

Thanks

[xMTinkerer]

Hey Padmini,

  Well, fortunately most of this is written in Angular. I guess that is fortunately.

First, you'll have to create your own UI Page, similar to the x_xma_xmatters_xm_engage_with_xmatters page, but with your Notification Type field. Then, point the "Engage with xMatters" UI action to your new UI Page. The tricky part will then be directing your new UI Page to the existing xmatters page and passing some kind of value to mark what new fields should appear. I think you can follow the example of the "View Record" which is just an anchor tag with a specific url:

<a href="{{engage_url}}" target="_top" class="btn btn-default xm-btn-default">{{ 'ENGAGE_XM.BUTTON.VIEW_RECORD' | translate }}</a>

I think.

Also, could you just control what is visible as a drop down on the existing Engage form? Wizard type workflows tend to add to clicks and users don't like them if there is only one thing on it. But you might have other considerations.

Happy Tuesday!

  --- Travis