I’m working on a JIRA plugin and I would like to use 3rd party UI framework instead of the AUI. When I have added 3rd party framework’s resources, I noticed that there are some stylesheet clashes (same CSS classes defined in both AUI and 3rd party framework).
I could think of 2 approaches, but unfortunately neither of them worked:
Ideally, I would like to isolate 2 frameworks, so that I could limit the use of AUI for page decoration (
<meta name="decorator" content="atl.admin">) while using 3rd party framework to develop actual page contents.
Unfortunately, I was unable to find any mechanisms provided by Plugin SDK to achieve such results. It seems that AUI is implemented in fairly “greedy” way where it attempts to be the one and only framework in town so even though I could scope 3rd party framework’s CSS, AUI CSS would still bleed onto my custom pages.
My alternative approach was to remove AUI from my plugin pages completely (using
<meta name="decorator" content="none">) and proceed with 3rd party framework only. But it appears that using
<meta name="decorator" content="none">disables loading of the webresources (or at least I was unable to make them work) so I am left with a blank html from my Velocity template and no means of loading packaged resources.
My questions are:
- Does anyone know how to limit the scope of AUI CSS?
- Does anyone know how to load packaged resources when page decorator is set to
Thanks in advance for any thoughts or comments.
P.S. I’m targeting JIRA Server v6.4 platform.