Javascript in JIRA Cloud plugin

[SarikaDalal]

Hi,

I have a requirement where I have to add one class on the div of View issue page.

I tried the below but not working.
AJS.$(’.issue-container’).addClass(“skinny”).

I think for Cloud some different ways to do this.

Any help on this, please.

[julien]

Hi,

On Jira Cloud, extensions are mainly integrated on the jira pages (issue, project…) using iframes. Your iframes are not the served by the same domain name than the parent windows (eg: *.atlassian.net vs *.your-company.com), so, your iframe JS scripts can’t interact with the parent window, except using the Javascript API provided by Atlassian which expose a limited number of operations. (https://developer.atlassian.com/cloud/jira/platform/about-the-javascript-api/ )

So, I don’t think you can interact with the rest of the page the same way you would do it on Jira Server.

[piskunovigorm]

According to the Jira Cloud documentation:

The contained page has no access to its parent. These restrictions are imposed by the browser’s same origin policy.

There are a few limitations applicable to iframes:

• Stylesheet properties from the parent do not cascade to the child page
• Child pages have no access to its parent’s DOM and JavaScript properties
• Likewise, the parent has no access to its child’s DOM or JavaScript properties

However, Atlassian Connect makes use of a technique called cross-domain messaging. This technique uses postMessage to pass data between the iframe and its parent.

So you can’t interact with Jira Cloud interface if this is not provided by Atlassian API.