Skip to main content
Wulx
Participating Frequently
April 26, 2016
Question

How to put a scroll inside my tabs content?

  • April 26, 2016
  • 0 replies
  • 227 views

Here is my code:

{

    function myScript(thisObj){

        function myScript_buildUI(thisObj){

            var myPanel = (thisObj instanceof Panel) ? thisObj : new Window("palette","Panel Estudio Voraz",undefined,{resizable:true});

            myPanel.layout.resize();

res = "group{orientation:'column',margins: 0, spacing: 0,\

                      alignment: ['fill', 'fill'], alignChildren: ['fill', 'top'],\

                          myTabbedPanel: Panel{type:'tabbedpanel',\

                                myTab1: Panel{type:'tab', text:'Salidas',margins: [4,8,4,8], spacing: 5, alignChildren: ['fill', 'center'],\

                                 },\

               myTab2: Panel{type:'tab', text:'Plecas',\

                  imageWIP: IconButton{text:'WIP',alignment:['top','top'], preferredSize:[372,180]},\

               },\

               myTab3: Panel{type:'tab', text:'Stings',\

                  imageWIP: IconButton{text:'WIP',alignment:['top','top'], preferredSize:[372,180]},\

               },\

               myTab4: Panel{type:'tab', text:'Menus',\

                  imageWIP: IconButton{text:'WIP',alignment:['top','top'], preferredSize:[372,180]},\

               },\

               myTab5: Panel{type:'tab', text:'Wipers',\

                 imageWIP: IconButton{text:'WIP',alignment:['top','top'], preferredSize:[380,180]},\

               },\

           },\

}";  

            myPanel.grp = myPanel.add(res);

            myPanel.grp.spacing= 0

myPanel.grp.myTabbedPanel.onChange = function(){ 

    var selectedTab = this.selection; 

    alert(selectedTab.text);    //Alerts the name of the tab that was clicked 

    alert(selectedTab.reflect.properties);//Alerts the property options available for your tab object 

    switch(selectedTab.selection.text){

          case "Salidas":     //If Salidas was clicked...

               

                    myPanel.grp.myTabbedPanel.myTab1.ddPanel.selection = 0

               

              break;

          case "Plecas":     //If Plecas was clicked...

                     myPanel.grp.myTabbedPanel.myTab1.ddPanel.selection = 0

                   

              break;

          //and so on for the other tabs you have.

          default:

          break;

              }

//END PANEL    --------------------------- NO PONER NADA ABAJO DE ESTA LÍNEA -------------------------------

            return myPanel;

      

        }

 

  

     

  

        var myScriptPal = myScript_buildUI(thisObj);

      

        if((myScriptPal != null) && (myScriptPal instanceof Window)){

            myScriptPal.center();

            myScriptPal.show();

    }

}

myScript(this);

}

This topic has been closed for replies.