1. #11
    Sencha User
    Join Date
    Apr 2008
    Posts
    141
    Vote Rating
    0
    armandoxxx is on a distinguished road

      0  

    Default


    Dude

    I just updated to ver 0.21 and I get an error in console:
    Uncaught TypeError: Cannot call method 'setStyle' of undefined
    Ext.ux.tot2ivn.VrTabPanel.Ext.extend.onResizeExt.ux.tot2ivn.VrTabPanel.js:539
    Ext.BoxComponent.Ext.extend.setSizeext-all-debug.js:12091
    Ext.layout.FitLayout.Ext.extend.setItemSizeext-all-debug.js:13316
    Ext.layout.FitLayout.Ext.extend.onLayoutext-all-debug.js:13309
    Ext.layout.ContainerLayout.Ext.extend.layoutext-all-debug.js:13089
    Ext.Container.Ext.extend.doLayoutext-all-debug.js:12896
    Ext.layout.CardLayout.Ext.extend.setActiveItemext-all-debug.js:13367
    Ext.TabPanel.Ext.extend.setActiveTabext-all-debug.js:30381
    Ext.TabPanel.Ext.extend.onStripMouseDownext-all-debug.js:30074

    here's the code where I create my vertical tab panel ...
    Code:
    var modelsPanel	= new Ext.Panel(
    	{	
    		id		: 'tab-panel-model-management',
    		title	: LOCALE_SECURITY_MODEL_MANAGEMENT,
    		layout	: 'fit',
    		border	: false,
    		items	: [
    			new Ext.ux.tot2ivn.VrTabPanel(
    				{
    					activeTab	: 0,
    					border		: false,
    					tabPosition	:'left',  //choose 'left' or 'right' for vertical tabs; 'top' or 'bottom' for horizontal tabs
    					tabWidth	:100, 
    					defaults	: {
    						autoScroll: true
    					},
    					items:[
    						getPermissionsPanel(), //my functions that create panels...
    						getDomainsPanel(),
    						getActionsPanel()
    					]
    				}
    			)
    		]
    	}
    );
    Regards

    Armando

  2. #12
    Sencha User
    Join Date
    Apr 2008
    Posts
    141
    Vote Rating
    0
    armandoxxx is on a distinguished road

      0  

    Default


    Solved my problem .. I was wrapping that vertical tab panel .. so I unwrapped it ...

    Regards

    Armando

  3. #13
    Ext JS Premium Member
    Join Date
    Nov 2010
    Location
    Rudolstadt, Germany
    Posts
    52
    Vote Rating
    0
    astuteq is on a distinguished road

      0  

    Default


    Quote Originally Posted by tot2ivn View Post
    Thanks Stephan, I've also received a couple of requests regarding the Tap-Strips on the right.
    Will make an upgrade this week to add this feature in. This shouldn't be a big task.
    Hi tot2ivn,
    did you have already some time to get the tab-strips to the right?
    Maybe you can point me to the right direction, so I could try to update the code.

    thanks,
    Stefan

  4. #14
    Ext JS Premium Member
    Join Date
    May 2010
    Posts
    145
    Vote Rating
    0
    pwelby is on a distinguished road

      0  

    Default Nice Extension. Any plans to get this working in EXTJS 4?

    Nice Extension. Any plans to get this working in EXTJS 4?


    Hello tot2ivn...

    I really, ReaLLY like your vertical tab extension , as I was not too impressed with the Group tab panel (vertical tab panel) that EXTJS 3 had come out with. It was not very configurable, and it looks like they even scrapped it for EXTJS4.

    Do you have any plans to get your Vertical Tab Panel working for EXTJS 4?

  5. #15
    Touch Premium Member
    Join Date
    Oct 2011
    Posts
    22
    Vote Rating
    0
    RandyIntegra is on a distinguished road

      0  

    Default Agreed

    Agreed


    Would love to see this plugin work with Ext 4, Its sad that something like this hasn't become a built in feature (especially with the ext designer tool).

  6. #16
    Ext JS Premium Member
    Join Date
    Dec 2009
    Posts
    58
    Vote Rating
    0
    tot2ivn is on a distinguished road

      0  

    Default


    Thank you guys for your interest in the extension. I currently don't have any projects using ExtJS anymore, but will try to make this plugin work w Ext 4.0 in the near future due to quite a number of interest requests.

    Cheers,

    Totti

    P/S: If anyone can take the code and make it work with ExtJS 4, please do so and make it yours. I don't have any restrictions on the license although I originally put GPL3, but I think it's not necessary anymore.
    me.constructor === Frontend.Engineer

  7. #17
    Sencha User JNason's Avatar
    Join Date
    Aug 2007
    Location
    Louisville
    Posts
    43
    Vote Rating
    0
    JNason is on a distinguished road

      0  

    Default


    Does anyone know if there is a known bug with this extension where form textfields cannot be selected in firefox? I have a nested form in the tab and cannot select text with the mouse in a textfield in firefox. I have no problem with a regular tabpanel or with other browsers.

  8. #18
    Sencha User JNason's Avatar
    Join Date
    Aug 2007
    Location
    Louisville
    Posts
    43
    Vote Rating
    0
    JNason is on a distinguished road

      0  

    Default


    Quote Originally Posted by JNason View Post
    Does anyone know if there is a known bug with this extension where form textfields cannot be selected in firefox? I have a nested form in the tab and cannot select text with the mouse in a textfield in firefox. I have no problem with a regular tabpanel or with other browsers.
    Ok I found the problem. In the css it had this:
    Code:
    -webkit-user-select: none;
    -moz-user-select:none;
    I commented those out and it is working. I'm not sure if those were a critical part of the extension, but so far it is working. I will post back if I find any problems with it.

  9. #19
    Sencha User
    Join Date
    Apr 2011
    Posts
    1
    Vote Rating
    0
    lonxx is on a distinguished road

      0  

    Default Breaks with no width specified

    Breaks with no width specified


    When removing the width property from code the whole thing breaks.

    example:

    var tabs = new Ext.ux.tot2ivn.VrTabPanel({
    renderTo: 'tabs1',
    activeTab: 0,
    frame:true,
    //width:450,
    bodyStyle: 'padding: 10px',
    defaults:{autoHeight: true},
    items:[
    {contentEl:'script', title: 'Short Text'},
    {contentEl:'markup', title: 'Long Text'}
    ]
    });

    I want to make it possible to fit it 100% inside of the panel and resize it properly.
    But now the right-side content will go below the tabs.

  10. #20
    Sencha User
    Join Date
    Dec 2007
    Posts
    41
    Vote Rating
    1
    PaulyWolly is on a distinguished road

      0  

    Default Vertical TabPanel for EXTJS4

    Vertical TabPanel for EXTJS4


    Here is a link to the code working for EXTJS4:

    http://lucian.lature.net/extjs/demo/VerticalTabPanel/

Similar Threads

  1. How to wrap tab title so that it fits tab width in a Vertical Tab Panel
    By koala.lam in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 21 Oct 2010, 8:39 AM
  2. problems with tab item and vertical panel
    By paopao in forum Ext GWT: Help & Discussion (1.x)
    Replies: 0
    Last Post: 17 Feb 2009, 2:20 PM
  3. problems with tab item and vertical panel
    By paopao in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 17 Feb 2009, 1:33 PM
  4. [ExtJs 2.1] Tab Panel with shared panel won't work [SOLVED]
    By elnove in forum Ext 2.x: Help & Discussion
    Replies: 8
    Last Post: 3 Aug 2008, 12:37 PM

Thread Participants: 14

Tags for this Thread