Jira Service Desk Widget: position

[Max]

Hi, is there a way to move the Jira Service Desk Widget position somewhere else rather then having it in the bottom right of the page? Because it's causing us trouble with the Save button of the site (see attached picture). 

It's urgent an urgent matter, please.

Thanks in advance!

[Angélica Luz]

Hi @Sanjay Sarkar,

If the widget is not showing, it must be something on the widget configuration. Can you please go to Project settings > Widget and check if the widget is enabled and if the login-free is also set?
If everything is correct on the widget side and it still doesn't appear, please, check the dev tools of the browser to see if there is a message or error.

Regards,
Angélica

[Kevin L]

@Angélica Luz  Is there a way to align the widget to the left. Or ideally place it elsewhere on the screen other than the bottom right?

[Angélica Luz]

Hi Kevin,

Yes, it's possible to align the widget to the left, you can use this as an example to test and then you can change the px to fit better on your website:

<style>
iframe[name='JSD widget'] {
display: block;
left: 0;
bottom: 10px;
}
</style>

Regards,
Angélica

[Bipin Chandra R]

@Angélica Luz 

Hello Angelica,

The above given format didn't work and also its not possible for us to use CSS. Can you please suggest an alternative.

Best Regards,

Bipin Chandra R

[Alejandro Barrera Aponte]

@Angélica Luz Had the same issue, your information worked like a Charm (June 2021).

Thanks.

Alejandro

[Angélica Luz]

Hi Massimiliano,

On the widget we do not have this option, but you can update directly on the page on which you embed the widget.

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

<style>
iframe[name='JSD widget'] {
margin-bottom: 100px;
}
</style>

The code above should do the trick for you.

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

Please, give a try and let us know how it goes.

Regards,

Angélica

[Sanjay Sarkar]

Hello Angélica,

I have used this solution

<style>
iframe[name='JSD widget'] {
margin-bottom: 100px;
}
</style>

but the iframe is not showing the image. Its Blank..
Please suggest me a solution its urgent