Setting Column Order in Filter Results Gadget

Still need help?

The Atlassian Community is here for you.

Ask the community

Set Column Order in Filter Results Gadget

In JIRA 5.2 and beyond, you can set the order of columns in the Filter Results Gadget. This article only applies to JIRA releases before JIRA 5.2.

 

This article outlines the steps required to reorder the columns displayed in the Filter Results Gadget until JRA-19083 Allow ordering of fields in gadgets is implemented. 

Requires some simple HTML editing using your browser. Instructions are shown for Chrome, but can also be accomplished using Firefox or Safari.

Steps

#  
1

 

Here is the default alphabetical ordering of the columns in the Filter Results gadget.

2Click Edit - note the default alphabetical ordering of the columns from the Edit view.

3Right-click within the select list for 'Columns to display' - in the pop-up menu, select 'Inspect Element.

4The HTML select element will be highlighted in your HTML inspection panel. Click the triangle arrow to expand the element.

5Right-click on the select element, and choose 'Edit as HTML'

6The HTML will become editable. I'd recommend copying this content to your text editor. Click within the box, right-click and choose 'Select All' then copy to your clipboard.

7Paste to your text editor. From here you can move tags around relative to each other to reorder them.

8

I manually put each <option>columnname</option> tag on its own line to make it easier to work with. Basically, each column is wrapped in tags, <option> at the beginning and </option> to close it. As you move the tags around, be sure to keep each <option>columnname</option> set intact.

Here I will swap the Assignee and Affects Version/s tags:

<select multiple="multiple" class="multi-select" id="columnNames" name="columnNames">
<option value="--Default--">Default Columns</option>
<option value="versions" selected="selected">Affects Version/s</option>
<option value="assignee" selected="selected">Assignee</option>
<option value="customfield_10106" selected="selected">Business Value</option>
<option value="components" selected="selected">Component/s</option>
<option value="created" selected="selected">Created</option>
...

Becomes

<select multiple="multiple" class="multi-select" id="columnNames" name="columnNames">
<option value="--Default--">Default Columns</option>
<option value="assignee" selected="selected">Assignee</option>
<option value="versions" selected="selected">Affects Version/s</option>
<option value="customfield_10106" selected="selected">Business Value</option>
<option value="components" selected="selected">Component/s</option>
<option value="created" selected="selected">Created</option>
...
9

Select All in your text editor (right-click or Cmd+A etc), copy to clipboard

Paste back into your HTML editor, type Enter to exit editing mode.

10See the column order update!
11Click Save. Your columns will now appear in the specified order for all viewers until you go to edit the gadget again.


Last modified on Feb 26, 2016

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.