Display more than 1 Project widget on a web page.

Question

Hi,

We have an instance where we would like to embed more than 1 project widget into our Intranet page.  How can we separate the widget's so the user can choose the correct one instead of them overlapping one another.

I have seen some code to re-align a single widget, but nothing regarding embedding more than 1 widget on the same page.

Thanks

Angélica Luz · Answer

Thank you for testing, Mark.

We tried to replicate the issue here and both widgets are displayed but then another issue happens, the request form that shows is exactly the same for both.

Even though the widgets are from different projects and have different request forms, the fields that will show when opening the widgets will be the same.

Based on that, I created a bug so our dev team can be aware of the issue:

Adding two widgets on the same webpage renders the same form

With this said, the workaround I suggested won’t be useful because of the bug, I’m sorry for the inconvenience.

Mark_snziws · Answer

Thank you Angelica,

Correct, I have created a widget for each project.

I note that the script code has a unique identifier for each widget.

However, when I embed the script code for each widget into a web page only 1 widget is visible as they both have the "name" JSD widget... I tried to use a style to offset one from the other and opened the debug window in FF, but it appears as if only 1 of the widgets is loading.

Am I missing something??

Angélica Luz · Answer

Hello Mark, Welcome to Atlassian Community! On Jira Service Management, it’s possible to create a widget per project, so in case you need to add two widgets, the only workaround is to modify the CSS, so you can change the position of the widget button. Currently, it’s not possible to modify the location of the widget directly on its settings. There is a feature request suggesting this option: Add the option to drag and drop JIRA Service Desk Widget There is also a suggestion to navigate between projects on the widget: Allow to navigate to multiple projects within the embeddable widget Workaround to change the position of the widget: Please, on the same page where you embedded the code insert the snippet below: Also, you can increase the value of property _margin-bottom_ to give you some more space if necessary. Kind regards, Angélica