Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This zThis article explains how to display Issue Matrix table with solid borders using the app, Issue Matrix, on a server instance.the Issue Matrix app. This is only applicable for Jira Server Instances. 

Instructions

  1. Login to Jira as an Administrator.
  2. Navigate to  Cogwheel > Issues > custom fields > Add custom field.
  3. Click on All and search for "Issue Matrix" and click on Next as shown in the below screenshot:

  4. Add a name to the custom field (for example, Issue Matrix_2)
  5. Add the custom field to the project screen where it is required:
    Image Removed
    In the above Here, in the below screenshot, the custom field field Issue Matrix_2   is added to the B1 project screens. 

    Image Added
  6. Now search for the custom field, which was created in the earlier step.Go to  
  7. For the newly created custom field, click the cog wheel > Configure > Edit Matrix Configuration > Epic and click on Next.
    Image Modified

  8. Configure the details, as shown below details and click on Save to save the configuration.

    Image Modified
  9. Go to System > Announcement Banner.
  10. Add the below CSS Script in the Announcement Banner section and modify the custom field ID(Ex: Issue Matrix_2 has ID 10621) 

    1. If you want the borders to be visible only for a specific Issue Matrix table, use the below script with respective issue matrix custom field Id configured.  

      Code Block
      themeMidnight
      <style type="text/css">
      #issue-list-panel-10621 th {
          border: 3px solid black!important;
      }
       
      #issue-list-panel-10621 td{
          border: 3px solid black!important;
      }
      </style> 
    Note
    1. If you want the borders to be visible

    only
    1. globally for

    a specific
    1. all the Issue Matrix

    table
    1. tables defined, use the

    above script with respective issue matrix custom field Id configured
    1. below script.

      Code Block
      themeMidnight
      <style type="text/css">
      .issue-list-table th{ 
          border: 3px solid black!important;
      }
       
      .issue-list-table td{ 
          border: 3px solid black!important;
      }
      </style>
    NoteIf you want the borders to be visible globally for all the Issue Matrix tables defined, use the above script.
  11. Click Set Banner.

  12. With the above CSS configuration done, below are the required borders for the Issue Matrix panel:

    Image Modified