I created a table using Listbox columns. But it only works for Photoshop CC 2014.
var dlg = new Window("dialog", "Animation List");
dlg.frameLocation = [100,100]; // position
dlg.size = [750, 250];
//table initailize
var w0=150, w1=150 ;
table = dlg.add ("listbox", {x:20, y:20, width:300, height:150}, undefined, { numberOfColumns:6, showHeaders:true,
columnWidths: [w0,w1],
columnTitles:["First Name", "Last Name"] });
table.add("item", "Namodaya");
table.items[0].subItems[0].text = "Balaarachchi";
dlg.show();
Then I found listbox is not supported for Photoshop CC 2018, 2017 and 2015.
Can anyone help me to create a table as mentioned above for support every version in Photoshop?
Explore related tutorials & articles
11
Replies
You could create a table just using normal UI controls. By putting each table line in a group, and using an array for the group variable, you can create a table. My sample will create a table of edittext fields first and last name. There is an alert button that will display the name when pressed. You can change this button to add or delete lines from the list. Unfortunately, there is no scroll bar, so you would have to create pages to go forward and backward. The screen shot shows how I used this approach to create preset titles for images. It's similar to how the batch rename works, where you can add or subtract lines. The key to this is to put the onClick functions in the loop or whatever you use to define the group, so you can get the array number. Then you need to refer to the other elements in the group by using "this" and referred back to the parent group, then down to whatever child you want to change.
#target photoshop
var tableArray = new Array()
var counter = 0
var dlg = new Window('dialog','Table Test');
dlg.alignChildren = ['fill','top'];
dlg.headGp = dlg.add('group');
dlg.alignChildren = ['left','top'];
dlg.headGp.first = dlg.headGp.add('statictext',undefined,'First Name');
dlg.headGp.first.size = [200,15];
dlg.headGp.last = dlg.headGp.add('statictext',undefined,'Last Name');
dlg.headGp.last.size = [200,15];
for(var i=0;i <10;i++){
tableArray= dlg.add('group');
dlg.alignChildren = ['left','top'];
tableArray.first = tableArray.add('edittext',undefined, 'First Name ' + counter);
tableArray.first.size = [200,15];
tableArray.last = tableArray.add('edittext',undefined, 'Last Name ' + counter);
tableArray.last.size = [200,15];
tableArray.btn = tableArray.add('button',undefined, 'Alert');
tableArray.btn.onClick = function(){
alert('You have selected: ' + this.parent.children[0].text + ' ' + this.parent.children[1].text)
}
counter++
}
dlg.show();
When the add, change, or delete buttons are pressed the info is written to an XML file for reference.
AdChoices