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

This widget could not be displayed.

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 Thursday in United States

Local Atlassian Research Workshop opportunity on Sep. 28th

We're looking for participants for another workshop at Atlassian! We need Jira admins who have interesting custom workflows, issue views, or boards. Think you have a story to sh...

42 views 0 0
View post

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