How to stop Custom CSS/js files from overriding JIRA Built in styles/js files

Okay, to kind of explain what is going on:

I am building a plugin and am trying to create a "fancy" button(Modal) via bootstrap.  When I include the styles/scripts via:


The styles are applied, but it breaks some functionality in Jira.  The one major thing is that when I go to click the "edit" button on the view issue screen, it just sits and acts like it is loading data, but it will sit there for eternity.  Another thing is this happens: 



Here is my resource code in atlassian-plugin.xml


<web-resource key="customStyles">

<resource type="download" name="bootstrap.min.css" location="bootstrap.min.css"/>
<resource type="download" name="jquery.min.js" location="jquery.min.js"/>
<resource type="download" name="bootstrap.min.js" location="bootstrap.min.js"/>

Any ideas?


1 answer

JIRA already ships with jQuery. is there a reason you need a custom build of it? 


See this for more info:

info 1

info 2

info 3


For styles atlassian uses: AUI

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Friday in Jira Service Desk

Looking for anyone who has switched from Zendesk to Jira Service Desk

Hi Community! The Jira Service Desk marketing team is looking for customers who have successfully switched from Zendesk to Jira Service Desk!   We’d love to hear your thoughts on the pros and ...

94 views 6 2
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you