Hide SLAs section from View screen

Lan Anh_y7hz2z

Our Project does not need this particular feature and the users do not see this in the older Jira version.  But I notice this appears in the new Jira Data Center version and wonder if this section can be hidden to keep a consistent UI?  As per screen cap below I have remove all the SLA settings in the Customer Portal, yet this section is still showing.  Thanks!

--- Lan Anh

Rodrigo Martinez

Hi @Lan Anh !

Thanks for raising this question here!

I'll share the same solution we discussed in the support ticket you opened with us so it helps more fellow Admins that may find this thread, too!

We just updated the article on How to customize Jira with JavaScript and CSS with this example. We invite everyone to read it through so they know the caveats of such customizations and how delicate they are (i.e. they may break on minor Jira upgrades even and require fixes by the Admins).

This is the code from the current "Example 5. Adding a new stylesheet conditionally":

<span><</span><span>!</span><span>--</span> COMPANY<span>-</span>NAME custom Javascript banner to hide the SLA panel <span>for</span> some Projects <span>--</span><span>></span>
<span><</span>script<span>></span>
<span>try</span> <span>{</span>
  <span>if</span> <span>(</span>window<span>.</span>location<span>.</span>href<span>.</span><span>indexOf</span><span>(</span><span>"/PROJKEY-"</span><span>)</span> <span>></span> <span>0</span><span>)</span> <span>{</span>
    let sheetSLA <span>=</span> document<span>.</span><span>createElement</span><span>(</span><span>"style"</span><span>)</span><span>;</span>
    sheetSLA<span>.</span>id <span>=</span> <span>"COMPANY-NAME-custom-stylesheet-from-announcement-banner-001"</span><span>;</span>
    sheetSLA<span>.</span>innerHTML <span>=</span> <span>'#sla-web-panel-react { display: none; }'</span><span>;</span>
    document<span>.</span>head<span>.</span><span>appendChild</span><span>(</span>sheetSLA<span>)</span><span>;</span>
    console<span>.</span><span>info</span><span>(</span><span>"[COMPANY-NAME custom JS banner] [INFO] SLA panel hidden"</span><span>)</span><span>;</span>
  <span>}</span>
<span>}</span>
<span>catch</span> <span>(</span><span>error</span><span>)</span> <span>{</span>
  console<span>.</span><span>info</span><span>(</span><span>"[COMPANY-NAME custom JS banner] [ERROR] "</span> <span>+</span> error<span>)</span><span>;</span>
<span>}</span>
<span><</span><span>/</span>script<span>></span>

Replace "/PROJKEY-" by the respective project's key (keeping the slash and hyphen) and it should work. Also replace COMPANY-NAME respectively.

 

Cheers,

Rodrigo — from Atlassian Premier Support for Jira Data Center