[html-formfu] FormFu::ExtJS Tabs/Panels

Fri Mar 26 02:10:30 GMT 2010

Hi,

try this:

---
attrs:
  standardSubmit: 1
elements:
  - type: ExtJS::Panel
    label_loc: Company
    attrs:
      xtype: tabpanel
      activeTab: 0
    elements:
      - type: ExtJS::Panel
        label: TestTab
        attrs:
          layout: form
        elements:
          - type: Text
            name: fist
            label: First
          - type: Text
            name: last
            label: Last

This is a lot of code. So if you want to contribute to this project,
feel free to add a ExtJS::TabPanel class (which sets xtype to tabpanel,
and activeTab to 0 by default).

cheers,
mo

On Fri, 26 Mar 2010 03:25:47 +1100, Damon Atkins
<Damon_Atkins at yahoo.com.au>
wrote:
> Thanks for the response.
> 
> Put the example in, as is, and the panel was empty.
> Then doubled it so their are two ?tabs? and got one after the other, 
> rather than the ability to switch between tabs still empty.
> ....
>         Ext.onReady(function(){
>           var form1 = new Ext.FormPanel(..........);;
>           form1.render('div-form1');
>                 }); //end onReady
> </script>
> </head>
> <body>
> Above the form
> <div id="div-form1"></div>
> Below the form
> </html>
> 
> I am after something more like this which I think you use TabPanel() 
> instead of Panel() in ExtJS.
> 
> ---------------------------------------------------------
> | Products(Tab) |  *NameDetails(Tab)* |                        |
> |---------------------------------------------------------
> |    First 
> Name:                                                               |
> |    Second Name:                                                        

> |
> ---------------------------------------------------------
> 
> e.g. 
>
http://blog.cutterscrossing.com/index.cfm/2007/6/15/ExtJS-Nested-Tab-Set-with-Demo
>    
> Not that I want Nested tabs.
> http://www.extjs.com/deploy/ext-2.0-alpha1/examples/tabs/tabs-adv.html
> 
> Thanks
>> Message: 2
>> Date: Thu, 25 Mar 2010 03:50:28 +0100
>> From: Moritz Onken<onken at houseofdesign.de>
>> Subject: Re: [html-formfu] FormFu::ExtJS Tabs/Panels
>> To: "HTML Form Creation,	Rendering and Validation Framework"
>> 	<html-formfu at lists.scsys.co.uk>
>> Message-ID:<44e2dee8d4963040c2e4d6ece9c4f540 at localhost>
>> Content-Type: text/plain; charset="UTF-8"
>>
>> Hi,
>>
>> there is an ExtJS::Panel element. Check out the test
>>
http://cpansearch.perl.org/src/PERLER/HTML-FormFu-ExtJS-0.075/t/elements/panel.yml
>> and
>>
http://cpansearch.perl.org/src/PERLER/HTML-FormFu-ExtJS-0.075/t/elements/panel.t
>> for an example.
>>
>> cheers,
>> mo
>>
>>    
> 
> 
> 
> _______________________________________________
> HTML-FormFu mailing list
> HTML-FormFu at lists.scsys.co.uk
> http://lists.scsys.co.uk/cgi-bin/mailman/listinfo/html-formfu