
{
  main: {
  parent: "uiDivId"

  button:{ name: myQuitBtnId,   title:"Quit"  },
  
  panel: {


    name: "panelDivId",
    title: "My resource based panel",

  
    row: {
         button:{ name: myBtn1Id,   title:"Push Me"  },
    	 check:{  name: myCheck1Id, title:"Check Me", value:true },
	 select:{ name: mySel,  title:"Select",
	 	  children:
	 	  {
		    option:{ name: myOpt1, title:"Sel 1" },
		    option:{ name: myOpt2, title:"Sel 2" },
		    option:{ name: myOpt3, title:"Sel 3" }
	 	  },
	 },
	 button:{ name: uiRptBtnId, title:"UI Report" },
     },

     row: {
         button:{ name: myBtn2Id,   title:"Push 2"  },
	 number:{ name: myFloater,  title:"Floater", min:0.0, max:12.34, step:0.1, decpl:4 },
    	 check:{  name: myCheck2Id, title:"Check 2" },
	 text_disp: { name: "foo", title: "Check to add elements to 'My List'" },
       },


    row: {
        vlist:     { name: myListId, title:"My List", clickable: 1 },
    },
    row: {
      str_disp: { name: status,   title:"Status", value:"Set w/ 'Select'." }
    }


     },

     panel: {
       row: {

         col: {
	 title:"Bank 0",
	 },
	 
       	 col: {
	   title: "x",
	   label:{ title:"mute" },
	   label:{ title:"touch" },
	   label:{ title:"fader" }
         },

	 col: {
	   title:"0",
	   check:{ name: mute0Chk },
	   check:{ name: touch0Chk },
	   number:{ name: fader0Numb,  min:0, max:1023, step:1, decpl:0 },	   
	 },

	 col: {
	   title:"1",
	   check:{ name: mute1Chk },
	   check:{ name: touch1Chk },
	   number:{ name: fader1Numb,  min:0, max:1023, step:1, decpl:0 },	   
	 }
      },
     }

  }
}