Add this code for your script UI for better understanding :
if(app.documents.length > 0){
// DIALOG
// ======
var dialog = new Window("dialog");
dialog.text = "Export AS PNG";
dialog.preferredSize.width = 300;
dialog.preferredSize.height = 300;
dialog.orientation = "column";
dialog.alignChildren = ["center","top"];
dialog.spacing = 10;
dialog.margins = 16;
// GROUP1
// ======
var group1 = dialog.add("group", undefined, {name: "group1"});
group1.orientation = "row";
group1.alignChildren = ["left","center"];
group1.spacing = 10;
group1.margins = 0;
// PANEL1
// ======
var panel1 = group1.add("panel", undefined, undefined, {name: "panel1"});
panel1.text = "Export Settings";
panel1.preferredSize.width = 300;
panel1.orientation = "column";
panel1.alignChildren = ["left","top"];
panel1.spacing = 10;
panel1.margins = 10;
// GROUP2
// ======
var group2 = panel1.add("group", undefined, {name: "group2"});
group2.orientation = "row";
group2.alignChildren = ["left","center"];
group2.spacing = 10;
group2.margins = 0;
var statictext1 = group2.add("statictext", undefined, undefined, {name: "statictext1"});
statictext1.text = "Select Layer";
statictext1.preferredSize.width = 100;
var dropdown1_array = [];
for(var p = 0; p < app.documents[0].layers.length; p++){
dropdown1_array.push(app.documents[0].layers[p].name);
}
var dropdown1 = group2.add("dropdownlist", undefined, undefined, {name: "dropdown1", items: dropdown1_array});
dropdown1.selection = 0;
dropdown1.preferredSize.width = 150;
// PANEL1
// ======
var divider1 = panel1.add("panel", undefined, undefined, {name: "divider1"});
divider1.alignment = "fill";
// GROUP3
// ======
var group3 = panel1.add("group", undefined, {name: "group3"});
group3.orientation = "row";
group3.alignChildren = ["left","center"];
group3.spacing = 10;
group3.margins = 0;
var statictext2 = group3.add("statictext", undefined, undefined, {name: "statictext2"});
statictext2.text = "Export Quality : ";
statictext2.preferredSize.width = 100;
var dropdown2_array = ["Low","Medium","High","Maximum"];
var dropdown2 = group3.add("dropdownlist", undefined, undefined, {name: "dropdown2", items: dropdown2_array});
dropdown2.selection = 0;
dropdown2.preferredSize.width = 150;
// GROUP4
// ======
var group4 = panel1.add("group", undefined, {name: "group4"});
group4.orientation = "row";
group4.alignChildren = ["left","center"];
group4.spacing = 10;
group4.margins = 0;
var statictext3 = group4.add("statictext", undefined, undefined, {name: "statictext3"});
statictext3.text = "JPEG Format : ";
statictext3.preferredSize.width = 100;
var dropdown3_array = ["Baseline Encoding","Progressive"];
var dropdown3 = group4.add("dropdownlist", undefined, undefined, {name: "dropdown3", items: dropdown3_array});
dropdown3.selection = 1;
dropdown3.preferredSize.width = 150;
// GROUP5
// ======
var group5 = panel1.add("group", undefined, {name: "group5"});
group5.orientation = "row";
group5.alignChildren = ["left","center"];
group5.spacing = 10;
group5.margins = 0;
var statictext4 = group5.add("statictext", undefined, undefined, {name: "statictext4"});
statictext4.text = "Resolution : ";
statictext4.preferredSize.width = 100;
var dropdown4_array = ["72","150","300","600"];
var dropdown4 = group5.add("dropdownlist", undefined, undefined, {name: "dropdown4", items: dropdown4_array});
dropdown4.selection = 0;
dropdown4.preferredSize.width = 150;
// GROUP6
// ======
var group6 = panel1.add("group", undefined, {name: "group6"});
group6.orientation = "row";
group6.alignChildren = ["left","center"];
group6.spacing = 10;
group6.margins = 0;
var divider2 = panel1.add("panel", undefined, undefined, {name: "divider2"});
divider2.alignment = "fill";
// GROUP7
// ======
var group7 = panel1.add("group", undefined, {name: "group7"});
group7.orientation = "column";
group7.alignChildren = ["left","top"];
group7.spacing = 10;
group7.margins = 0;
var statictext5 = group7.add("statictext", undefined, undefined, {name: "statictext5"});
if(app.documents[0].saved){
statictext5.text = app.documents[0].filePath.fsName.replace(/\\/g,'/');
}
else{
statictext5.text = "Choose a folder for exporting PNGs...";
}
statictext5.preferredSize.width = 278;
var image1_imgString = "%C2%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00!%00%00%00%1F%08%06%00%00%00i%C2%94%C2%A4%C2%B2%00%00%00%09pHYs%00%00%0B%12%00%00%0B%12%01%C3%92%C3%9D~%C3%BC%00%00%03uIDATXG%C3%85%C2%97%C3%8B%C2%8B%5CE%14%C3%86%C2%BFs%C2%AAnw%C3%9F%C3%AE%C3%8E%24c%C3%84%C2%88%12%C3%90%40v!%C3%A8B3n%C3%B4%0F%10%C3%BF%C2%81%C2%AC%04%17%C3%A2Jp%C3%A1%C2%80q%C2%A5Y%C2%88%22%C3%89%C2%80%1BA%04%09%08n%05AD%C2%94%C2%B8%C2%901%C2%BE%26N2czf%3A%C2%93%C3%97%C2%BC%C2%9F%C3%BD%C2%9C%C2%BE%C2%8F%C3%BA%5C%5C%C3%AF0%C2%8E%C2%9D%C2%9En2%C3%A9%C3%B9A%C3%81%C2%AD%C3%87%C2%A9%C3%BA%C2%AA%C3%AA%C2%9C%C2%AA%C2%BAB%12%07%C2%8D%C3%AE%C3%95%60'%5E%C3%86%C3%AB%C2%A9%7D%C2%B7%C3%98%C3%81%23%C3%85%C3%82%5B%C2%AF%3E%C3%BD%C3%81%C3%A1%C2%82%1E%0B%22%C2%B6%04%C2%80%10%C2%A0%00%04%C3%A0g%C3%95_X%0D%C3%8B%17%C2%BF%C2%B89%1C%06%C2%A1%C3%B3%C2%AC%C3%950%C2%8A%C3%9C%5E%1D%C3%B7%C2%82%C3%BC%C3%BC%C3%95%C3%A9%C2%9Bg%C2%86%C2%9Ex%C3%8AE%C3%87!j%00%12%C2%90%C2%A4%C2%92ppQ%00%C3%ABMc%C3%A2%C2%AF%C3%B5%C2%B9S%C2%AF%5C%7F%C2%B2sw%C3%9D%23%22%C3%82%C3%94%17%C3%A6%7F%3A%C3%89%C3%AA%C3%BC%C2%B7%01I%C3%87%C3%BF%C3%A3HF%C3%8DJ9%C3%A2%C3%9Fg%C3%B8%C3%A1%C3%B0%C3%A9%C3%8FI%22%C3%AFg3%C2%85%7C.%C2%9B%26%3F%C2%97%C3%A9%3A%15%C2%8B~%C2%9E%24%C3%92%C2%A4%C2%AA%22%C3%A5%C3%AFN%C3%B2%C3%B1g%3F%C2%83%C3%BF%C3%A8%C2%8B%1D%C2%95W%C3%AE%7C%C3%89%C3%BA%C3%94%C2%BB%C2%B2%C2%B2%C3%A9%C3%97%22%C2%A7%C2%81%08%C2%95%C2%94%C2%B4z%C3%BB%C2%A3%1D%22%14R%08%C2%80%C2%AA4~.%C3%96K%C3%9F%C2%98%C2%91%C3%B7%3F%C2%B9v%0E%00%2C%20%C2%A0%0B%3A%C3%B5%01%00%188~%16%5E%C3%B1%04%C2%8E%C3%94%C2%AE%14%C2%851%C2%A09%40%12%3F%C2%95T%C2%83z%C3%89%C2%96%3A%C2%82.%00%C3%81mu%C3%89%C2%BA%3B%402%C2%90x%01%C3%AF%3D%C3%B7%C3%83%3B%2F%3D%7F%C3%AC%C3%87%C3%8BW%16%C2%BF%C2%B7m%C3%86%C2%BB%1F%C3%A2%0F%0E%01%C2%83C%7B%C2%B5%C3%AB%0AW%C2%BA%C2%8C%17%C2%9E9z%02%00%C3%AC%7D%16%C2%B2%1B%C3%AF%C3%9F%C3%9DF%C2%90L%C2%B8%C3%9D%C3%81%C2%93%C3%96m%C3%A7%C3%83%C2%88%C3%B6P%C3%9E%C3%B8%00%60w%C2%9B%C2%ACL%0C%C2%BB%C2%AD%C3%AA%C3%AD%C2%AD%C3%84P!B%C3%AC%C3%98%7B%00%10%11%13%C2%A9%C3%9A%C2%90%C2%80%C3%AC8%C3%ABDE%C2%9D%C2%A8%C2%89%C2%B8kbB%08%25%19I%C2%A8%20%23%C2%8D%C2%9B%C2%9BG%C3%8F%C2%BE%C2%AC%17%C3%9E%7C%C3%A3%14%C3%BF%C2%B3%1D%C3%AB%C2%A5%C3%B3X%2B%7F%C2%AD%C2%9E%C3%8F%7Cg_c%12%C3%8A%0F%C2%80%C2%98%02%3D%3F%2B%17%C3%8F%0D%C2%8C%24%22%C3%BE%C3%AD%C2%AF%C2%B9%C3%B1'%C2%BC%C2%9C%40L%C2%BE%C2%83%C3%B9%C2%BE!Q%18%C2%93q%C2%9C%C2%B8%C2%B7%C2%98%1C%00%20j-%25%C3%9E%C3%9D'%C2%8CQ%C2%A9%C2%AC4%C2%92%C2%BBCl%0Ea%C3%A3%1E%C3%A2%C3%96%12%20%C2%BD%04%C3%8C%C2%83!%0A%C2%AC%C2%AEG%C2%ADD%C2%84%C3%A6%10%C3%96'%11%07%02%C2%91%C3%BE%C2%AD%C2%84g%1C%C3%A6%C2%97%C3%A3%C2%99%C3%A4%C2%B4q!%C2%82%C3%9A4%C3%84%10l%1Ba%0F%C2%87C%C2%85%2CF%C3%879%C2%AA%C3%A9%C2%90%C2%AD%C3%AA8%C3%94%C3%B4o%15%00%C3%90%C3%8F%7B%C2%98%C2%98%C2%AA%5DU%11%C2%838XEX%C2%9F%01%C3%94%C3%9B%C3%8Bp%C3%9FP%C2%810%22n%C3%8D5%C3%86U%C2%AC%C2%8F%C2%A0%5E%C2%82%C2%8B%C2%AA%10y(o%C2%96%C2%B6X%15%C3%8C-7%C3%9D%C3%AC%C2%BD%C3%96%C2%94%1A3%C2%80%C2%A8VB%C3%9CZ%C3%9E%C2%BE%C2%90%C3%BA%C2%81%C2%B1%C3%84%C3%92jkqfv%C3%AD%C2%AE%3AWCcc%0Cb%0A%7B%C3%99%C3%AD%2B%19cp%7B%C3%8D%1B%03%00%25%1D%5C%C2%B4%C3%91%C3%97%C3%90%04%C2%80%7C!%C2%8B_F%1B%7F%00%C3%A9CWL_C%13%04%C2%BD%C2%A2%C3%85Dy%C3%B37%C2%A0%C3%87%C3%97%C3%B6~a%3D%C2%95%C2%8D%C2%85%0A%26%C2%A7%C2%9B7%C2%80%03%12%C2%91%C3%91%18w*%C3%9ERiv%7D%128(%11Y%0F%C2%8B%C3%B3%C2%AD%05%00P%C3%95%3E%C3%86%C3%A4%0E%3Ckp%C3%BD%C2%86%C3%BB%1D%00%C2%9Cs%3C%18%11%C2%9E%C3%81%C3%94%C2%AD%C3%A6%C3%954%C3%9F%7F%11%04m%C3%81%60lr%C3%B3%C3%97%C2%B4H%1F%7B%24%0B%C2%A3%C2%8A%C2%BE%C3%84(A%3F%2BR_%C3%9B%C3%82%C3%AC%C3%9D%C3%86%C2%B5%C2%B4%C3%98%C2%8E%5C%C2%AA%7D%C3%BA%C3%B6k%C2%87_%C3%97%C2%BC%15%C2%84m%1E%C3%99%C3%92%C3%B1%C2%BF%C2%A6'h%20b%15%C3%A7%3FZ%C3%BExn%C2%B1ZI%C3%8B%C3%BF%01%C2%AC%C2%AF%C2%8A%11%1E%C2%94p%C3%9D%00%00%00%00IEND%C2%AEB%60%C2%82%18.D%23%C3%84%7D%17i%0B%00%C3%B8%C2%BE%2F%2C%20%08%C2%99(%C3%A5%06%C3%80%7C%C2%87%C2%A5%C3%B6%3FB4%C2%A2pa%C2%A0%C2%94%0D%C3%86%0C%00%C2%AC%C2%BAPH%C3%AD%02%1B%C2%89%C3%B6%C2%91%C2%B3%C2%88%C2%84ma%C3%B7%C3%81%C3%A4%C3%96%60%C3%8CD%C2%80.%C2%8D%C3%81%2F%C2%8D%C3%BD%C2%9B%7B%C3%B5%C2%8CA%7C%01%C3%B7D%C2%91%1A%2F%0F%07%C2%9C%C2%A1%C3%8Cn%C3%A4R%7B%C3%81l%C2%86%C2%B2%C2%A8%C3%84l%C3%A0T%C3%9F%C3%B8%C3%A9%C3%ACdy%24%C3%A0X%C2%8B%06)%2B%C2%94%C2%82%01%20%12%C2%8D%C3%A2%C3%92%C3%99r*%C2%9D%C2%9E(%05%5C8%C2%93r%0Db%C2%B6%C3%82%C2%B1%C2%BF%C3%9C%3D%C2%B5%5C%C3%A8E%2B%06%C2%92iw%C2%BC%C2%96%0B%C2%B5h%C3%85%C2%8CK%C2%97s%C3%9E%C2%A1%C2%A3%C3%A9%C3%BD%C2%B5%7C%C2%A8E%13%04%C2%8E%1D%1FO%C3%87c%C2%83%C2%B5%7C%C2%A8E3%01%23Wr%C2%99%C3%8C%C2%99k%C3%B9%3A%C2%BE%5D%40%18%40D%C2%B8%C2%91%C3%82%C2%99F%3E%C3%94%C2%A2%C2%95%C2%A1q%C3%A8x%C3%AE%C2%8FF%3E%C3%94%C2%A2%09%C2%84%C2%B1%C2%AC%7B%C2%BE%C2%91%0F%C2%AFh%C2%81%C3%84%C2%BA%2C%C3%AC%3B%C2%9A%C3%B9%C2%8D%C2%A8%C2%BE%C3%B2%C2%85V%C2%B4e%10%5DK%C2%BA%C3%B9%7C%C3%81kj%C2%AAs%C3%8Cfp%08%2B%C3%B8%C3%BD%3D6%C3%B6%1E%C3%B6%7Ft%1C%C3%97m%C2%B4%C3%91%C3%AA%C2%95%C2%8B%3F%C3%B8%C3%BA%C2%A3%C2%9E%C3%AF%C3%A6%C3%B5%C3%98%C3%95%C3%A68Aj%1A%C3%A5S%C2%8ET%C3%A9%C3%84%C2%8A%08%C2%88%04%C3%92%C3%A1%07p%60o%C3%A7Wm%C2%AA%C2%B7%C3%B1!E%C2%B8x9_Z%C2%B1v%60%C3%89%C2%B9%C2%81%C3%8C%C3%85%C2%A6x%11%C3%81%C2%BC%C2%B9%C2%899%2B_%5E%C2%B0%C2%86%C2%88%22%00*MBj%C3%9D%C2%B2i%C3%9Balc%C3%AF%C3%A4%C3%9F%C3%8A%26%00%2B%C2%86%C2%B3y%C3%A7%C3%B0%C2%A6%C3%B4Xn%C3%82%C2%B4L%C3%B6J%5E%C3%9D%C2%BFW%C3%BF%00%06%C3%AE%16%08%0E%C3%93%C3%9C%C2%93%00%00%00%00IEND%C2%AEB%60%C2%82";
var image1 = group7.add("image", undefined, File.decode(image1_imgString), {name: "image1"});
image1.addEventListener("click",function(event){
if(statictext5.text == "Choose a folder for exporting PNGs..."){
var myFolder = Folder.selectDialog("Choose Folder for exporting PNGs");
}
else{
var myFolder = new Folder(statictext5.text).selectDlg("Choose Folder for exporting PNGs");
}
if(myFolder != null){
statictext5.text = myFolder.fsName.toString().replace(/\\/g,'/');
}
});
// GROUP8
// ======
var group8 = dialog.add("group", undefined, {name: "group8"});
group8.preferredSize.width = 300;
group8.orientation = "row";
group8.alignChildren = ["right","center"];
group8.spacing = 10;
group8.margins = 0;
var button1 = group8.add("button", undefined, undefined, {name: "OK"});
button1.text = "Export";
var button2 = group8.add("button", undefined, undefined, {name: "button2"});
button2.text = "Cancel";
if(dialog.show() == 1){
if(dropdown2.selection == "Low"){
app.jpegExportPreferences.jpegQuality =JPEGOptionsQuality.LOW;
}
else if(dropdown2.selection == "Medium"){
app.jpegExportPreferences.jpegQuality = JPEGOptionsQuality.MEDIUM;
}
else if(dropdown2.selection == "High"){
app.jpegExportPreferences.jpegQuality = JPEGOptionsQuality.HIGH;
}
else if(dropdown2.selection == "Maximum"){
app.jpegExportPreferences.jpegQuality = JPEGOptionsQuality.MAXIMUM;
}
if(dropdown3.selection == "Baseline Encoding"){
app.jpegExportPreferences.jpegRenderingStyle = JPEGOptionsFormat.BASELINE_ENCODING;
}
else if(dropdown3.selection == "Progressive"){
app.jpegExportPreferences.jpegRenderingStyle = JPEGOptionsFormat.PROGRESSIVE_ENCODING;
}
if(dropdown4.selection == "72"){
app.jpegExportPreferences.exportResolution = 72;
}
else if(dropdown4.selection == "150"){
app.jpegExportPreferences.exportResolution = 150;
}
else if(dropdown4.selection == "300"){
app.jpegExportPreferences.exportResolution = 300;
}
else if(dropdown4.selection == "600"){
app.jpegExportPreferences.exportResolution = 600;
}
$.bp();
// After this you can continue further coding ====
}
else{
alert ("Have a nice day!", "Cancelled", false);
}
}
else{
alert ("Please open a file and try again ... !!!", "Warning ... No documents opened!", true)
}
Best
Sunil