Dockable Script Size Problem

I have this simple script here and the bounds are not working for the window size. I would also like to make the long text at the bottom move a line down at a certain length so that the window is not super long. Any suggestions?

{
  function myScript(thisObj){
      function myScript_buildUI(thisObj){
         var myPanel = (thisObj instanceof Panel) ? thisObj : new Window("palette", "Script Size Problems", [400, 350, 500, 500], {resizeable:true});
         
         res = "group{orientation:'column',\
          groupOne: Group{orientation:'row',\
          titleText: StaticText{text:'Title Text'},\
          },\
          groupTwo: Group{orientation:'row',\
          effectText: StaticText{text:'More Random Text'},\
          },\
          groupThree: Group{orientation:'row',\
          lorumIpsumText: StaticText{text:'Hey, this is a long sentence that I hope I can make into several lines instead of one long window. Here are more words to drag out the amount of sentence on this, English is a language blah blah blah'},\
          },\
         }";


         myPanel.grp = myPanel.add(res);
         
        
         
         myPanel.layout.layout(true);
         
         return myPanel;
               }
   


      var myScriptPal = myScript_buildUI(thisObj);


      if (myScriptPal != null && myScriptPal instanceof Window){
         myScriptPal.center();
         myScriptPal.show();


      }


   }
   myScript(this);
}