Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,462,968
Community Members
 
Community Events
176
Community Groups

Display more than 1 Project widget on a web page.

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

1 answer

0 votes

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:

There is also a suggestion to navigate between projects on the widget:

Workaround to change the position of the widget:

Please, on the same page where you embedded the code insert the snippet below:

<style>

iframe[name='JSD widget'] {

margin-bottom: 100px;

}

</style>

Also, you can increase the value of property _margin-bottom_ to give you some more space if necessary.

Kind regards,
Angélica

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??

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.

widget.png

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

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

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Site Admin
TAGS

Atlassian Community Events