Skip to main content
diogoferreira
Inspiring
March 15, 2019
Answered

Panel title followed by a dropdown [Indesign scripting]

  • March 15, 2019
  • 1 reply
  • 1000 views

I am trying to create a panel with a title and followed by a dropdown as the following image:


Currently I have the following code, but the dropdown is inside de panel:

var w = new Window('palette', "My palette");

var pageSizePanel = w.add('panel', undefined, 'Page Size', {

    borderStyle: 'gray'

});

pageSizePanel.alignment = ["fill", "fill"];

var dropdown = pageSizePanel.add("dropdownlist", undefined, ['1','2']);

dropdown.selection = 1;

Which produces this result:

Anyone can help please?

Thanks in advance!

This topic has been closed for replies.
Correct answer Marc Autret

Hi Diogo,

Maybe a stack could do the job:

var w = new Window('palette', "My palette");

var stack = w.add('group');

stack.orientation = 'stack';

var pageSizePanel = stack.add('panel', undefined, 'Page Size', {borderStyle: 'gray'});

pageSizePanel.minimumSize = [300,200];

pageSizePanel.margins = [10,30,10,10];

pageSizePanel.alignChildren = ['left','top'];

pageSizePanel.add('checkbox',undefined,"Select page size");

pageSizePanel.add('checkbox',undefined,"Select page size");

pageSizePanel.add('edittext',undefined,"Hello World");

// etc.

var dropdown = stack.add("group").add("dropdownlist", undefined, ['1','2']);

dropdown.selection = 1;

dropdown.parent.alignment = ['left','top'];

dropdown.parent.margins = [100,0,0,0]; // Allows to left-indent the dropdown as desired

Best,

Marc

1 reply

Marc Autret
Marc AutretCorrect answer
Legend
March 15, 2019

Hi Diogo,

Maybe a stack could do the job:

var w = new Window('palette', "My palette");

var stack = w.add('group');

stack.orientation = 'stack';

var pageSizePanel = stack.add('panel', undefined, 'Page Size', {borderStyle: 'gray'});

pageSizePanel.minimumSize = [300,200];

pageSizePanel.margins = [10,30,10,10];

pageSizePanel.alignChildren = ['left','top'];

pageSizePanel.add('checkbox',undefined,"Select page size");

pageSizePanel.add('checkbox',undefined,"Select page size");

pageSizePanel.add('edittext',undefined,"Hello World");

// etc.

var dropdown = stack.add("group").add("dropdownlist", undefined, ['1','2']);

dropdown.selection = 1;

dropdown.parent.alignment = ['left','top'];

dropdown.parent.margins = [100,0,0,0]; // Allows to left-indent the dropdown as desired

Best,

Marc

diogoferreira
Inspiring
March 15, 2019

Hi, Marc Autret.

It worked perfectly! Thank you so much!

Best regards.