Skip to main content
.random..
Inspiring
January 30, 2025
Open for Voting

One-Click Window Arrangement in Navigator Panel

  • January 30, 2025
  • 5 replies
  • 369 views

Could you add icons in the Navigator panel for different window arrangements? We often need to quickly organize open files on the screen, and doing it manually through the menu isn't as practical.

Besides that, a one-click option to create a new window from the current image and automatically arrange both—one at "Fit to Screen" and the other at 100%—would be extremely useful. This is a fundamental setup for high-level retouching.

5 replies

PECourtejoie
Community Expert
Community Expert
February 18, 2025

Some do not use navigator for speed concerns, But I remember and sorely miss that we used to have buttons for document arrangement functions circa CS2. 
If there is a spot with wasted space, it would be below the toolbox. I'd like to have it there, after all we have the double click on zoom or hand tool for full screen or 100% view and we can add shift for all documents, so it might be a good fit! 

Stephen Marsh
Community Expert
Community Expert
January 30, 2025
quote

Thanks for the script! I’ll definitely give it a try. However, I believe these functions should be built into Photoshop without requiring a script. After all, the navigation panel itself is shamefully underutilized.


By @.random..

 

I understand, this is an idea/feature request after all. Users will vote on it if they see merit.

 

I don't work for Adobe as a developer or have any input to development, so as a fellow end-user, all I can do is offer automation suggestions for actions or scripts to combine multiple commands into a single step. I'm pragmatic, so if this is important I'd use a "less than ideal" method rather than wait for Adobe to implement a feature request (which may or may not happen).

.random..
.random..Author
Inspiring
January 30, 2025

Thanks for the script! I'll definitely give it a try. However, I believe these functions should be built into Photoshop without requiring a script. After all, the navigation panel itself is shamefully underutilized.

Stephen Marsh
Community Expert
Community Expert
January 30, 2025
quote

Could you add icons in the Navigator panel for different window arrangements? We often need to quickly organize open files on the screen, and doing it manually through the menu isn't as practical.


By @.random..

 

Outside of this being a feature request/idea for the navigator panel, what can be done by an end-user is an action or script with a keyboard shortcut.

 

A custom floating UXP panel could also offer the various view options and/or window>arrange options.

Stephen Marsh
Community Expert
Community Expert
January 30, 2025
quote

Besides that, a one-click option to create a new window from the current image and automatically arrange both—one at "Fit to Screen" and the other at 100%—would be extremely useful. This is a fundamental setup for high-level retouching.


By @.random..

 

An action could do this, however, here it is as a script. Once installed in the Preset/Scripts directory, restart Photoshop and assign a custom keyboard shortcut for single-click access. Alternatively, one can record the script execution into an action and use an F-key action keyboard shortcut for one-click use. It's easy enough to change which window is 100% zoom or to make this 2up horizontal rather than vertical:

 

/*
New 2up View.jsx
Stephen Marsh
v1.0 - 31st January 2025
https://community.adobe.com/t5/photoshop-ecosystem-ideas/one-click-window-arrangement-in-navigator-panel/idi-p/15122623
*/

var s2t = function (s) {
    return app.stringIDToTypeID(s);
};

var descriptor = new ActionDescriptor(),
    descriptor2 = new ActionDescriptor(),
    descriptor3 = new ActionDescriptor(),
    descriptor4 = new ActionDescriptor(),
    reference = new ActionReference(),
    reference2 = new ActionReference(),
    reference3 = new ActionReference(),
    reference4 = new ActionReference();

// Fit on screen
reference3.putEnumerated(s2t("menuItemClass"), s2t("menuItemType"), s2t("fitOnScreen"));
descriptor2.putReference(s2t("null"), reference3);
executeAction(s2t("select"), descriptor2, DialogModes.NO);

// New view window
reference.putEnumerated(s2t("menuItemClass"), s2t("menuItemType"), s2t("newView"));
descriptor4.putReference(s2t("null"), reference);
executeAction(s2t("select"), descriptor4, DialogModes.NO);

// Arrange view to 2-up
reference2.putEnumerated(s2t("menuItemClass"), s2t("menuItemType"), s2t("2upVertical")); // or "2upHorizontal"
descriptor.putReference(s2t("null"), reference2);
executeAction(s2t("select"), descriptor, DialogModes.NO);

// View actual pixels 100%/1:1
reference4.putEnumerated(s2t("menuItemClass"), s2t("menuItemType"), s2t("actualPixels"));
descriptor3.putReference(s2t("null"), reference4);
executeAction(s2t("select"), descriptor3, DialogModes.NO);

 

  1. Copy the code text to the clipboard
  2. Open a new blank file in a plain-text editor (not in a word processor)
  3. Paste the code in
  4. Save as a plain text format file – .txt
  5. Rename the saved file extension from .txt to .jsx
  6. Install or browse to the .jsx file to run

 

https://prepression.blogspot.com/2017/11/downloading-and-installing-adobe-scripts.html