Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11168

Put issue details at the top of the issue in the customer portal

XMLWordPrintable

    • Icon: Suggestion Suggestion
    • Resolution: Unresolved
    • None
    • Customer Portal
    • 2
    • We collect Jira Service Desk feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      Some of our requests get quite long in terms of the activity feed in the customer portal. We would ideally like to have the details section where all the customer visible fields are displayed above the activity feed just below the issue summary. 

       

      This would make the requests much easier to understand. I have seen service management cloud instances with this in place, any chance this can be considered/supported in datacentre?

          Form Name

            [JSDSERVER-11168] Put issue details at the top of the issue in the customer portal

            Alex Gallien added a comment -

            The CSS below still works as of JSM 5.17.2. To implement this using Scriptrunner:

            1. Navigate to Scriptrunner UI Fragments ($base/plugins/servlet/scriptrunner/admin/fragments).
            2. Create a new web panel from Show a web panel:
              1. Name: <your choice>
              2. Location: servicedesk.portal.header
              3. Key: <your choice>
              4. Menu text: <blank>
              5. Weight: <blank>
              6. Condition: Can be used if you want to restrict this to a specific project (docs).
              7. Provider class/script: 
                writer.write("""
<style>
.vp-activity-list.insight-init {
    display: flex;
    list-style: none;
    flex-direction: column;
}

.vp-activity-list>li {
        margin: 0;
        padding: 0;
        order: -1;
}
</style>
""")
            1. Click Update and check an issue in portal view to confirm.

            Alex Gallien added a comment - The CSS below still works as of JSM 5.17.2. To implement this using Scriptrunner: Navigate to Scriptrunner UI Fragments ( $base/plugins/servlet/scriptrunner/admin/fragments ). Create a new web panel from Show a web panel : Name: <your choice> Location: servicedesk.portal.header Key: <your choice> Menu text: <blank> Weight: <blank> Condition: Can be used if you want to restrict this to a specific project ( docs ). Provider class/script: writer.write(""" <style> .vp-activity-list.insight-init { display: flex; list-style: none; flex-direction: column; } .vp-activity-list>li { margin: 0; padding: 0; order: -1; } </style> """) Click Update and check an issue in portal view to confirm.

            Bernd Gurn added a comment -

            @ncats lab: can you provide some more details regarding using the script above within Scriptrunner. We have Scriptrunner installed but i am a rookie and need some guidance.

            Thanks in advance.

            Regards, B. Gurn

            Bernd Gurn added a comment - @ncats lab: can you provide some more details regarding using the script above within Scriptrunner. We have Scriptrunner installed but i am a rookie and need some guidance. Thanks in advance. Regards, B. Gurn

            NCATS LAB added a comment -

            There are several add-ons that allow you to run custom CSS. Scriptrunner is such. 

            The following CSS should move the Details panel to the top of the Activity stream on the customer portal:

             

            .vp-activity-list.insight-init {
    display: flex;
    list-style: none;
    flex-direction: column;
}

.vp-activity-list>li {
        margin: 0;
        padding: 0;
        order: -1;
}

            NCATS LAB added a comment - There are several add-ons that allow you to run custom CSS. Scriptrunner is such.  The following CSS should move the Details panel to the top of the Activity stream on the customer portal:   .vp-activity-list.insight-init { display : flex ; list-style : none; flex-direction : column; } .vp-activity-list>li { margin : 0; padding : 0; order : -1; }

              Unassigned Unassigned
              mark.wildman mark wildman
              Votes:
              8 Vote for this issue
              Watchers:
              8 Start watching this issue

                Created:
                Updated: