How can I control the rendering of content around a web-panel in Jira?

[DanielG]

I'm trying to add a <h1> heading to a web-panel in JIRA, and I can't prevent the application from putting in CSS that screws up the look.

In atlassian-plugin.xml (slightly redacted)

<web-item key="xxx" section="jira.project.sidebar.plugins.navigation" weight="400">
    <param name="iconClass" value="aui-icon-large icon-sidebar-components"/>
    <link>/projects/$pathEncodedProjectKey?selectedItem=yyy:zzz</link>
</web-item>

<web-panel key="czzz" location="yyy:zzz">
    <resource name="view" type="velocity" location="/templates/panels/my.vm"/>
    <context-provider class="MyContextProvider"/>
</web-panel>

In my.vm

<section class="aui-page-panel-content contains-header" id="sidebar-page-container">
    <header class="aui-page-header aui-page-header-fixed header-with-border">
        <div class="aui-page-header-inner">
            <h1>My Header</h1>
        </div>
    </header>

    <section class="aui-page-panel-content aui-page-panel-content-no-table">
        <p>Blah Blah</p>
    </section>
</section>

Problem is, JIRA is putting

<section class="aui-page-panel-content">

Just before rending my velocity file, which means that the crucial "contains-header" CSS class is missing, and therefore the whole page looks weird.

Any ideas?

[Alexey Matveev]

Hello,

If you have your code somewhere in Github or Bitbucket it would be nice to have a reference to it so that it could be executed and checked