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
Published yesterday in Agile

Are you a Jira Service Desk agent? We want to talk to you!

Are you a whiz at handling tickets and looking at how you can further optimize your workflow with automation? Do you tackle detailed customer support questions while simultaneously getting flooded wi...

31 views 0 2
Read article

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