Fragments

ScriptRunner UI Fragments allow you to customize the UI of your Jira instance. With the UI Fragments feature, you can quickly hide a particular issue action from specific users, add buttons to menus or pages, create buttons to open custom dialogs, create additional sections of HTML on the issue view page, and so much more. We recommend you read the Atlassian documentation on web fragments for Jira for a general overview of fragments. 

Available built-in UI Fragments

We have developed a number of built-in script fragments for you to use to customize your Jira instance:

• Custom web item: Create a custom link or button in a location of your choice.
• Show a web panel: Create a section of HTML content, such as a custom banner, in a location of your choice.
• Create a custom web section: Create a new area, within a location of your choice, that can be used to hold web items.
• Hide system or plugin UI element: Hide buttons, menus, or other UI elements so they are no longer visible for users.
• Constrained create issue dialog: Create a menu item that opens the Create Issue dialog with a predefined project and issue type.
• Planning board context menu item: Create a menu item in the context menu (right-click) of issues in a Scrum or Kanban board.
• Install web resource: Include JavaScript and CSS resources into certain contexts.
• Custom web item provider: Dynamically generate web items according to the current circumstances.
• Raw xml module: Customize your UI using XML alone.

How to use UI Fragments

ScriptRunner UI Fragments have been created to simplify the creation of plugin modules described in the web fragments for Jira documentation. You may want to use our UI Fragments built-in scripts to:

• Create a custom banner
• Create a custom button
• Hide a UI element
• Customize your CSS

All of the built-in scripts produce XML that is similar, but not interchangeable with, the XML found in a plugin descriptor. You will notice that, for usability reasons, the forms do not provide all the possible configuration elements available in plugins. As an example, the web-item built-in script does not give you the option to provide a tooltip for the web-item link, or a velocity context provider, or an icon URL. You can work around this limitation using the raw XML module script.

Duplicate a fragment

With ScriptRunner, you can easily duplicate a UI fragment from a fragment's ellipsis menu. The following happens when you duplicate a fragment:

• The duplicated fragment automatically appears at the bottom of your Fragments list.
• The duplicated fragment is prefixed with "Copy of".
• If applicable, the key for the duplicated fragment is suffixed with the first available number. For example, "-1" if it's the first time a fragment has been duplicated.
• The duplicated fragment is automatically disabled. We recommend you edit the fragment before you enable it.

You can duplicate a UI fragment as follows:

1. Navigate to ScriptRunner > UI Fragments. 
2. Locate the fragment you wish to duplicate. 
3. Select the ellipsis menu for your chosen fragment and choose Duplicate.
   
   The duplicated fragment appears at the bottom of your Fragments list. 
4. Select the ellipsis menu for the duplicated fragment and choose Edit.
5. Edit the duplicated fragment with any details you want to add or change. 
6. Select Update. You are returned to the UI Fragments page.
7. When you're ready to enable the duplicated fragment, select the ellipsis menu and select Enable.
   

Fragment locator

The Fragment Locator tool is designed to show you the location/section where you can put these fragments. You can also check out the Fragment Locations pages for a list of common web item and web panel locations. 

Enabling/disabling the fragment locator

You can enable/disable the fragment locator when you are creating/editing a fragment that requires a location:

You can also enable/disable the fragment locator as follows:

1. From ScriptRunner, navigate to UI Fragments. 

2. On the Fragments page, select the locator toggle to enable/disable.

   If you select enable, locations will display for every user on your instance, so should not be enabled in a production system. We recommend you only enable the fragment locator if you are working on a test system.

   

   Copy the location path

   You can copy the location path by selecting the copy button in the binding information window.
    

   This feature is location-dependent, as not all locations have binding variables associated with them. 

Fragment binding variables

Fragment binding variables are context specific and knowing the available binding variables in certain context could help you to avoid unexpected scripting errors. Binding variables available for fragments when writing a script include issue, jiraHelper, and log. The issue variable can potentially be null if we cannot get the issue from the context, and jiraHelper can also be null if Jira does not provide it for the location where you choose to place your fragment. For example, a project settings location has no issue in the context as there is no issue on the screen, and Jira does not provide the jiraHelper variable within most locations on the service desk portal side.

Accessing binding information

You can access binding information through the help button on any script editor:

Portal specific web panels

If you want to display a web panel for a specific Service Management portal in servicedesk.portal.header location, create a web panel with following code in the condition section:

 
portal.id == 1

This code will work in portal window as binding variable portal is available in Service Management portal context. But the code will throw groovy missing property exception in user window as the variable is not available in Service Management user window. To avoid this kind of scenario you should check the availability of the variable where applicable:

 
binding.variables.get("portal") && portal.id == 1