ScriptUI panel renders in ESTK but not in AE

Question

Hi There,
I just finished watching David Torno's excellent tutorials on developing ScriptUI panels with Extendscript.  I followed all of his directions, and the panel does show up as expected in my ESTK, but when I save the .jsx to the ScriptUI folder within the Script directory of AE, the panel shows up, but none of the elements I created render within the panel. It's very odd, might anybody know what I'm doing wrong?
Here is my code, which is a derivative of David's example code building ScriptUI panels with resource strings:
    function templaterGUI(thisObj){
        function templater_buildGUI(thisObj){
            var templaterWindow = (thisObj instanceof Panel) ? thisObj : new Window('palette', 'Templater', undefined, {resizeable : true});
            gui = "Group{orientation: 'column', alignChildren: 'fill',\
                         settings: Group{orientation: 'row', alignChildren: 'fill',\
                                        pAssets: Panel{text: 'Assets'},\
                                        pOptions: Panel{text: 'Render Options'},\
                         action: Button{text: 'Render Batch'},\
                         console: Panel{text: 'Status',\
                                        msg: StaticText{text: 'Currently Idle'}},\
            templaterWindow.grp = templaterWindow.add(gui);
            return templaterWindow;
        var templaterDock = templater_buildGUI(thisObj);
        if ((templaterDock != null) && (templaterDock instanceof Window)){
                templaterDock.center();
                templaterDock.show();
     templaterGUI(this);
Here's what it looks like when I run this code in ESTK:
I placed the script in the `ScriptUI` folder within the AE CS6 application folder, and here's what it looks like when I invoke the exact same .jsx file from `Window` menu in AE:
Maybe I overlooked something in the code that David provided in his tutorial?  Can anybody offer any suggestions for debugging / troubleshooting?
Thanks for your time and help!    

Answer 1

Hey David or Xavier,
Thanks for providing guidance on setting up the layout manager for I'm running into a similar issue with ESTK behaving differently than AE when it comes to rendering my UI controls.  I'm specifically referring to a DropDownList element.  In ESTK my code seems to be working fine, where I am able to see the selection elements in the DropDownList control.  I can see the `items` Array appear as the list.  However, in AE, I see the DropDownList control mechanism, but I no matter what, I cannot see the list of elements.  Is there a specific reason that this might be happening for this DropDownList element?
Here is the portion of my resource string that is being used to generate the dropdown list:
gTemplates: Group { orientation: 'row', alignChildren: ['fill','top'], alignment: ['fill','fill'],margins: [0,10,0,0],\
                                  lRenderTemplates : DropDownList { title: 'Render Template', titleLayout: {alignment: ['center','top'], spacing: 10} },\
                                  lOutputModules : DropDownList { title: 'Output Module', titleLayout : {alignment: ['center','top'], spacing: 10} },\
Then I have a function in my javascript that just adds items like this, and I call it before I return templaterWindow as shown in my previous code:
function setupControls(ui) {
     var options = ui.grp.settings.pOptions.optionsControls;
     options.gTemplates.lRenderTemplates.add('item', "ONE");
     options.gTemplates.lRenderTemplates.add('item', "TWO");
Again, it works great in ESTK where I can see the elements in the dropdown, but not in the context of running it in AE.  Any ideas?
Thanks again for any help you can provide!