Modifying The Interface

Humm sorting by file type might be quite complicated to achieve with current API.
Would you like to sort files by extension and then by name?

Just found this old thread after much faffing attempting to make selectActionFunction try and use the internal View function - which is now redundant based on the above solution.

Also the menu reads 'Select' and nothing relating to View. It's also lost its icon. Shame this isn't more easily configured. Although I've never loved View because it didn't size the window properly.

@Ian - any chance to see your own solution? Just to get some better understanding of customizations that are done to the default interface and in the future possibly improve the default solution.

Double click by default opens the file.

Did some work on sizing client side but I guess browser support isn't there yet to rely on that properly. Plus it largely fails for non-image files which can't be loaded in to img tags.

Excuse the terrible code.

finder.callback = function ( api ) {
 api.disableFileContextMenuOption ( 'viewFile' );
}
finder.selectActionFunction = function (fileUrl, data) {
 var img = document.createElement('img');
 img.src = fileUrl;
 if (img.width == 0) { var width = 1000; } else { var width = img.width; }
 if (img.height == 0) { var height = 800; } else { var height = img.height; }
 var aspect = width / height;
 if (height > 800) { height = 800; width = height * aspect; }
 if (width > 1000) { width = 1000; height = width / aspect; }
 width += 16;
 height += 18;
 window.open(fileUrl,'_blank','width='+width+', resizable=yes, scrollbars=yes, height='+height);

 img.onload = function () {
  if (img.width == 0) { var width = 1000; } else { var width = img.width; }
  if (img.height == 0) { var height = 800; } else { var height = img.height; }
  var aspect = width / height;
  if (height > 800) { height = 800; width = height * aspect; }
  if (width > 1000) { width = 1000; height = width / aspect; }
  width += 16;
  height += 18;
  window.open(fileUrl,'_blank','width='+width+', resizable=yes, scrollbars=yes, height='+height);
 };

Put it inside an img.onload function to make sure it always loads in time, previous solution sometimes doesn't have dimensions available when window.open is called.

Thanks Ian for the answer, I wasn't sure what exactly did you need.