Dynamic script UI changes

Question

pc and mac using CS 5.5.I was wondering if it was possible to have a UI that can change its appearance when a button is selected. For instance I would like to add a panel to the palette when they select a "turn on filter" button that will display some text boxes and radio buttons that will filter a list. Then if they select the "turn off filter" button I would like to remove the panel that holds all the filter fields and resize the window back to its original size. I've tried a combination of this.layout.layout() and this.layout.resize() after hiding the filter panel, but none seem to resize my palette,  it just leaves a gap where the panel was. The only way I can get it to work is to completely redraw the window but it takes too long due to the long list containted in the list box. Any ideas?

Marc Autret · Accepted Answer

As I already suggested you can change the maximumSize property before win.layout.layout(1) to live-resize your UI.

Here is a simple example:

#targetengine 'testShowHidePanel'
var NULL_SIZE = [0,0],
    MAX_SIZE = [1000,1000];
var u,
    w = new Window('palette'),
    // ---
    p1 = w.add('panel'),
    c1 = p1.add('checkbox', u, "My checkbox1"),
    e1 = p1.add('edittext', u, "Edit text1"),
    // ---
    p2 = w.add('panel'),
    c2 = p2.add('checkbox', u, "My checkbox2"),
    e2 = p2.add('edittext', u, "Edit text2"),
    // ---
    b = w.add('button', u, "Show filter");
p2.visible = false;
p2.maximumSize = NULL_SIZE;
b.onClick = function()
{
    p2.maximumSize = p2.visible ? NULL_SIZE : MAX_SIZE;
    b.text = (p2.visible ? "Show" : "Hide") + " filter";
    p2.visible ^= 1;
    w.layout.layout(1);
};
w.show();

@+

Marc

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.