Uploaded image for project: 'Jira Cloud'
  1. Jira Cloud
  2. JSWCLOUD-9236

As a user I would like to resize the Detail View in Work mode

    • 1
    • Our product teams collect and evaluate feedback from a number of different sources. To learn more about how we use customer feedback in the planning process, check out our new feature policy.

      NOTE: This suggestion is for JIRA Software Cloud. Using JIRA Software Server? See the corresponding suggestion.

            [JSWCLOUD-9236] As a user I would like to resize the Detail View in Work mode

            +1

            Ronal Diep added a comment -

            +1

            Ronal Diep added a comment - +1

            +1

            Bhavin Acharya added a comment - +1

            +1

            Markus Topi added a comment - +1

            Catch 22, new jira view has flaws and some blocking issues (e.g. create linked ticket missing in service desk) so users want to use old version, but then old version has been forgotten and simple problems like this appear.

            Maddening

            Rohan Sherrard added a comment - Catch 22, new jira view has flaws and some blocking issues (e.g. create linked ticket missing in service desk) so users want to use old version, but then old version has been forgotten and simple problems like this appear. Maddening

            Fer Troya added a comment -

            +1

            Fer Troya added a comment - +1

            I agree with Martijn van de Donk

            Michiel van Kleef added a comment - I agree with Martijn van de Donk

            julian.engel2015260672 added a comment -

            Would be a great usability improvement!

            julian.engel2015260672 added a comment - Would be a great usability improvement!

            Jan Hebnes added a comment -

            +1

            Jan Hebnes added a comment - +1

            Ham Solo added a comment -

            Agree. This is a request I get all the time. Should be able to make the issue detail view larger. 

            Ham Solo added a comment - Agree. This is a request I get all the time. Should be able to make the issue detail view larger. 

            It's very confusing that this is not possible in work mode, please do make it!

            Martijn van de Donk added a comment - It's very confusing that this is not possible in work mode, please do make it!

            Anjali B. added a comment -

            yes!! this would be a really useful. Thanks and look forward to the update soon. 

            Anjali B. added a comment - yes!! this would be a really useful. Thanks and look forward to the update soon. 

            Would like to have this feature vey much!

            Yuri van Geffen added a comment - Would like to have this feature vey much!

            yes, this would be a very useful feature for us. Looking forward for it

            Albert Zemba added a comment - yes, this would be a very useful feature for us. Looking forward for it

            Not sure if I got this right but we are using Jira 7.1.7 and as far as I see there is no Work/Plan Mode anymore.
            Assuming the former Work-Mode is the new "Active Sprint" view and the former Plan-Mode is now the "Backlog" view.

            Nevertheless when using the Backlog view, I can't resize the Detail View. The icon is there (all maior browsers the same), also the tool tip but it's greyed out and obviously not usable.
            When using the "Active Sprint" view, the icon is completely missing.

            Christoph Körner added a comment - Not sure if I got this right but we are using Jira 7.1.7 and as far as I see there is no Work/Plan Mode anymore. Assuming the former Work-Mode is the new "Active Sprint" view and the former Plan-Mode is now the "Backlog" view. Nevertheless when using the Backlog view, I can't resize the Detail View. The icon is there (all maior browsers the same), also the tool tip but it's greyed out and obviously not usable. When using the "Active Sprint" view, the icon is completely missing.

            We can now edit any field in the detail view in Work mode, making the detail view in both Planning and Work mode nearly identical....except for this feature.

            Angell Tsang added a comment - We can now edit any field in the detail view in Work mode, making the detail view in both Planning and Work mode nearly identical....except for this feature.

            +1. @Karsten Silkenbäumer, could you share your GM script with us?

            Angell Tsang added a comment - +1. @Karsten Silkenbäumer, could you share your GM script with us?

            +1 ; users asking for this ergonomically useful feature.

            Remon van Gijn added a comment - +1 ; users asking for this ergonomically useful feature.

            Karsten Silkenbäumer added a comment - - edited

            Was able to place your script, @Rob Boerman, in a greasemonkey script so I don't have to manually click a bookmarklet - works well if used together with waitForKeyElements.

            There's just one glitch (either used as bookmarklet or greasemonkey): after the initial width has been set, when clicking the resize icon it jumps back to 400px. You have to go and grab it again to be able to resize.

            Karsten Silkenbäumer added a comment - - edited Was able to place your script, @Rob Boerman, in a greasemonkey script so I don't have to manually click a bookmarklet - works well if used together with waitForKeyElements . There's just one glitch (either used as bookmarklet or greasemonkey): after the initial width has been set, when clicking the resize icon it jumps back to 400px. You have to go and grab it again to be able to resize.

            +1 on this

            Qualcomm Support added a comment - +1 on this

            Awesome, Rob, works perfectly. Now Atlassian, if the Plan mode's resizing would just keep working (in my instance, clicking and dragging the handle doesn't work at all and if I close and reopen the detail view, the handle vanishes completely!), it would be great.

            Thomas Keller added a comment - Awesome, Rob, works perfectly. Now Atlassian, if the Plan mode's resizing would just keep working (in my instance, clicking and dragging the handle doesn't work at all and if I close and reopen the detail view, the handle vanishes completely!), it would be great.

            robboerman added a comment - - edited

            Here's a workaround that adds the resize functionality to the work mode. Create a bookmarklet with the following text:

            javascript: {
            var dragBar = document.getElementById("ghx-detail-head");
            var detailView = document.getElementById("ghx-detail-view");
            var headerGroup = document.getElementById("ghx-column-header-group");
            var controlGroup = document.getElementById("ghx-detail-head");
            var tmpElem = document.createElement('div');
            tmpElem.innerHTML = '<span style="display: block;" id="js-sizer" class="ghx-sizer ui-resizable-handle ui-resizable-w" data-tooltip="Resize Detail View" original-title=""><span class="ghx-icon ghx-icon-sizer"></span></span>';
            var dragElem = tmpElem.childNodes[0];
            controlGroup.insertBefore(dragElem,controlGroup.childNodes[0]);

            var currentWidth = localStorage.getItem('jiraWidth') || '400px';
            currentStylesheet = document.createElement('style');
            currentStylesheet.innerHTML = '#ghx-detail-view

            { width: ' + currentWidth + ' !important;}

            ';
            document.body.insertBefore(currentStylesheet, document.body.childNodes[0]);

            dragBar.addEventListener ("mousedown" , startJiraDrag , false);
            var stateMouseDown = false;
            var mouseStartX = 0;
            var jiraStartWidth, jiraHeaderWidth;
            var currentStylesheet;

            function startJiraDrag (ev) {
            if (currentStylesheet)

            { document.body.removeChild(currentStylesheet); }

            stateMouseDown = true;
            mouseStartX = ev.pageX;
            jiraStartWidth = detailView.clientWidth;
            jiraHeaderWidth = headerGroup.clientWidth;
            document.addEventListener ("mousemove" , continueJiraDrag , false);
            document.addEventListener ("mouseup" , endJiraDrag , false);
            }

            function continueJiraDrag (ev)

            { var pX = ev.pageX; detailView.style.width = (jiraStartWidth + mouseStartX - pX) + "px"; headerGroup.style.width = (jiraHeaderWidth - mouseStartX + pX) + "px"; }

            function endJiraDrag () {
            currentStylesheet = document.createElement('style');
            currentStylesheet.innerHTML = '#ghx-detail-view

            { width: ' + detailView.style.width + ' !important;}

            ';
            document.body.insertBefore(currentStylesheet, document.body.childNodes[0]);
            localStorage.setItem('jiraWidth',detailView.style.width);

            document.removeEventListener ("mousemove" , continueJiraDrag , false);
            document.removeEventListener ("mouseup" , endJiraDrag , false);
            }
            };void(0);

            Happy resizing

            robboerman added a comment - - edited Here's a workaround that adds the resize functionality to the work mode. Create a bookmarklet with the following text: javascript: { var dragBar = document.getElementById("ghx-detail-head"); var detailView = document.getElementById("ghx-detail-view"); var headerGroup = document.getElementById("ghx-column-header-group"); var controlGroup = document.getElementById("ghx-detail-head"); var tmpElem = document.createElement('div'); tmpElem.innerHTML = '<span style="display: block;" id="js-sizer" class="ghx-sizer ui-resizable-handle ui-resizable-w" data-tooltip="Resize Detail View" original-title=""><span class="ghx-icon ghx-icon-sizer"></span></span>'; var dragElem = tmpElem.childNodes [0] ; controlGroup.insertBefore(dragElem,controlGroup.childNodes [0] ); var currentWidth = localStorage.getItem('jiraWidth') || '400px'; currentStylesheet = document.createElement('style'); currentStylesheet.innerHTML = '#ghx-detail-view { width: ' + currentWidth + ' !important;} '; document.body.insertBefore(currentStylesheet, document.body.childNodes [0] ); dragBar.addEventListener ("mousedown" , startJiraDrag , false); var stateMouseDown = false; var mouseStartX = 0; var jiraStartWidth, jiraHeaderWidth; var currentStylesheet; function startJiraDrag (ev) { if (currentStylesheet) { document.body.removeChild(currentStylesheet); } stateMouseDown = true; mouseStartX = ev.pageX; jiraStartWidth = detailView.clientWidth; jiraHeaderWidth = headerGroup.clientWidth; document.addEventListener ("mousemove" , continueJiraDrag , false); document.addEventListener ("mouseup" , endJiraDrag , false); } function continueJiraDrag (ev) { var pX = ev.pageX; detailView.style.width = (jiraStartWidth + mouseStartX - pX) + "px"; headerGroup.style.width = (jiraHeaderWidth - mouseStartX + pX) + "px"; } function endJiraDrag () { currentStylesheet = document.createElement('style'); currentStylesheet.innerHTML = '#ghx-detail-view { width: ' + detailView.style.width + ' !important;} '; document.body.insertBefore(currentStylesheet, document.body.childNodes [0] ); localStorage.setItem('jiraWidth',detailView.style.width); document.removeEventListener ("mousemove" , continueJiraDrag , false); document.removeEventListener ("mouseup" , endJiraDrag , false); } };void(0); Happy resizing

            O added a comment -

            @Kevin Wennemuth: The +1 button is called "Vote for this issue". Please don't spam all watchers with comments which don't add anything useful.

            O added a comment - @Kevin Wennemuth: The +1 button is called "Vote for this issue". Please don't spam all watchers with comments which don't add anything useful.

            +1 on this

            Kevin Wennemuth added a comment - +1 on this

            I'd really love to see this implemented in work mode also

            deanhutchisonfuturenet added a comment - I'd really love to see this implemented in work mode also

            Resizing "Issue Detail View" in Plan mode already exists, please implement it in Work mode, also. This is very important for devs. Thanks.

            Ivan Petrovic added a comment - Resizing "Issue Detail View" in Plan mode already exists, please implement it in Work mode, also. This is very important for devs. Thanks.

            Here is a workaround for the problem. Create a bookmark in your browser with the following bookmarklet as text:

            javascript: {document.getElementById("ghx-pool-column").style.width="500px";};void(0);
            

            This sets the width of the left pane to 500px when you run the bookmarklet.

            Holger Oehm added a comment - Here is a workaround for the problem. Create a bookmark in your browser with the following bookmarklet as text: javascript: {document.getElementById( "ghx-pool-column" ).style.width= "500px" ;};void(0); This sets the width of the left pane to 500px when you run the bookmarklet.

            I don't know why this hasn't been prioritized. It already exists in Plan Mode, and provides an important/compelling way to get devs to interact more with Jira Agile, because it doesn't require opening the full ticket on it's own screen.

            Yet with the current fixed width, if a task contains subtasks (and most of ours do), and one actually cares as to e.g., time remaining in these subs, the user is forced to engage in an awkward left-to-right-to-left horizontal slider dance; and if you have more than 7-8 subtasks, you can't even do that, because the first few scroll vertically off the screen before you can even interact with the horizontal slider.

            Given that this has already been completed for Plan mode, one might presume that the effort for work mode (notwithstanding work-view specific issues) would be incremental

            Andrew Gansler added a comment - I don't know why this hasn't been prioritized. It already exists in Plan Mode, and provides an important/compelling way to get devs to interact more with Jira Agile, because it doesn't require opening the full ticket on it's own screen. Yet with the current fixed width, if a task contains subtasks (and most of ours do), and one actually cares as to e.g., time remaining in these subs, the user is forced to engage in an awkward left-to-right-to-left horizontal slider dance; and if you have more than 7-8 subtasks, you can't even do that, because the first few scroll vertically off the screen before you can even interact with the horizontal slider. Given that this has already been completed for Plan mode, one might presume that the effort for work mode (notwithstanding work-view specific issues) would be incremental

            Thanks, mjopson But what I actually meant was an option to turn off that the Detail View shows up when the issue-key or similar is clicked.

            In my view, the readability is too degraded in both columns and the Detail View to be useful in most cases.

            Frank Jensen added a comment - Thanks, mjopson But what I actually meant was an option to turn off that the Detail View shows up when the issue-key or similar is clicked. In my view, the readability is too degraded in both columns and the Detail View to be useful in most cases.

            frankern The Detail View can be closed using the x in the top right or the menu item in the Boards drop-down. It will only reopen if the menu item is used, the issue-key on a card is clicked or the keyboard shortcut 't' is used when a card is selected.

            Martin (Inactive) added a comment - frankern The Detail View can be closed using the x in the top right or the menu item in the Boards drop-down. It will only reopen if the menu item is used, the issue-key on a card is clicked or the keyboard shortcut 't' is used when a card is selected.

            We use many columns, and their issues get almost unreadable when the Detail View shows up on the right. Would be nice if it was an option to turn it off.

            Frank Jensen added a comment - We use many columns, and their issues get almost unreadable when the Detail View shows up on the right. Would be nice if it was an option to turn it off.

            I really love the agile boards within Jira, but I also like the new detail view within the issue search view of Jira. I like the list of issues on the left and the ticket details on the right.
            What about an option (not as default Warnung ) on the agile boards to only show the column of the marked ticket on the left and give the Detail View the remaining space on the right? Just like it is done with the issue search view. Or at least give it the size of two columns and loose one column in that view.
            I would not even have a big issue with loosing the Drag&Drop functionality between columns in this view. But it would give me a list view of my tasks, ordered according to my swimlanes, and the whole ticket with all features and functions on the right (including dropping files as attachment to the ticket).
            If I need to switch columns, I could then go back to the default view, or by any other smart option.

            Martin Hanke added a comment - I really love the agile boards within Jira, but I also like the new detail view within the issue search view of Jira. I like the list of issues on the left and the ticket details on the right. What about an option (not as default Warnung ) on the agile boards to only show the column of the marked ticket on the left and give the Detail View the remaining space on the right? Just like it is done with the issue search view. Or at least give it the size of two columns and loose one column in that view. I would not even have a big issue with loosing the Drag&Drop functionality between columns in this view. But it would give me a list view of my tasks, ordered according to my swimlanes, and the whole ticket with all features and functions on the right (including dropping files as attachment to the ticket). If I need to switch columns, I could then go back to the default view, or by any other smart option.

            We are only using kanban boards and that does not have a plan mode. We have a separate board for planning (which is a work board because of the kanban style).

            Wouter de Vaal added a comment - We are only using kanban boards and that does not have a plan mode. We have a separate board for planning (which is a work board because of the kanban style).

            Paul added a comment -

            Agree with with previous comment. The Detail View is the most important part of the screen! Our team runs our scrum calls for the "Work" tab and the cards on the left do not convey very much information. We need to be able to view the detailed information!

            Paul added a comment - Agree with with previous comment. The Detail View is the most important part of the screen! Our team runs our scrum calls for the "Work" tab and the cards on the left do not convey very much information. We need to be able to view the detailed information!

            When descriptions of issues contain a lot of text, it would be nice if the detail view could be resized in work mode. Columns can shrink until a minimum width. This minimum width does not have to be a width where the columns are still readable, but it has to provide a way to switch quickly between the scrum/kanban board view and a detailed description (or other information) of a certain issue.

            tjhkuijpers added a comment - When descriptions of issues contain a lot of text, it would be nice if the detail view could be resized in work mode. Columns can shrink until a minimum width. This minimum width does not have to be a width where the columns are still readable, but it has to provide a way to switch quickly between the scrum/kanban board view and a detailed description (or other information) of a certain issue.

              Unassigned Unassigned
              mjopson Martin (Inactive)
              Votes:
              184 Vote for this issue
              Watchers:
              96 Start watching this issue

                Created:
                Updated:
                Resolved: