error with tabpanel and collapside regions

View: New views
5 Messages — Rating Filter:   Alert me  

error with tabpanel and collapside regions

by acalle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi to all, I have a problem with a tabpanel, and 2 regions in one tab.
This regions are collapside, north and south with a data rid in the south, but when I have hidden the north, I can't put the south in the top of the window, occupying all the window to see the grid
any idea?, Thanks to all

Re: error with tabpanel and collapside regions

by Pierre GIRAUD-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi,

1 - You're talking about regions. Does this mean that your panel has a
"border" layout ? If so, I don't think it can work without a "center"
region. As you describe it, you have "north" and "south" regions.
You're probably missing something.

2 - You should have a look at the "deferredRender" config option for
the tabpanels. It may help you dealing with complex layouts in tab
items.

If you still have problems, please, don't hesitate to show us some code.

Regards,
Pierre

You should try setting "deferredRender" to true in the config of your tabpanel.


On Sat, Oct 24, 2009 at 5:00 PM, acalle <nico200307@...> wrote:

>
> Hi to all, I have a problem with a tabpanel, and 2 regions in one tab.
> This regions are collapside, north and south with a data rid in the south,
> but when I have hidden the north, I can't put the south in the top of the
> window, occupying all the window to see the grid
> any idea?, Thanks to all
> --
> View this message in context: http://www.nabble.com/error-with-tabpanel-and-collapside-regions-tp26039791p26039791.html
> Sent from the MapFish - Users mailing list archive at Nabble.com.
>
> _______________________________________________
> Users mailing list
> Users@...
> http://www.mapfish.org/cgi-bin/mailman/listinfo/users
>



--
Pierre GIRAUD
Géomaticien, Analyste

Camptocamp France SAS
Savoie Technolac, BP 352
73377 Le Bourget du Lac, Cedex

Tel : 00 33 4 79 44 44 93
Mail : pierre.giraud@...
http://www.camptocamp.com
_______________________________________________
Users mailing list
Users@...
http://www.mapfish.org/cgi-bin/mailman/listinfo/users

Re: error with tabpanel and collapside regions

by acalle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Thanks pierre
I see inthe api that deferredRender is true by default. And I have (sorry), center and south regions, I give you a piede of my code:

region:'center',
layout:'fit',
frame:true,
border:true,
contentEl: 'center',
margins:'5 10 5 10',
items:
        new Ext.TabPanel({
        border:true,
                id:'tabpanel1',
        activeTab:0,
                deferredRender:true,
      layoutOnTabChange:true,
        tabPosition:'top',
        items:[
                        {//PESTAÑA LOG - INCIDENCIAS
                        title: flight_lang.main_tab.tab6title,
                        layout:'border',
                        enableTabScroll:true,
                        defaults: {
                            collapsible: true,
                            split: true,
                                border:true,
                            bodyStyle: 'padding:15px'
                        },
                        // columns
                        items: [{
                                    title: flight_lang.main_tab.tab5frame,
                                    collapsible: true,
                                    region:'center',
                                        contentEl: 'center',
                                    margins: '2 0 0 0',
                                    width:'500',
                                        autoHeight:true,
                                        defaults: {
                                                columnsWidth: 1,
                                                layout: 'fit',
                                                hideLabels: true,
                                                border: false,
                                                bodyStyle: 'padding: 4px'
                                        },
                                        items: {        
                                 id:'rutalog'
                                         ,xtype:'form'
                                         ,layout:'column'
                                         ,frame:true
                                         ,labelWidth:80
                                         
                                         // these are applied to columns
                                         ,defaults:{columnWidth:0.5, layout:'form', hideLabels:true, border:false, bodyStyle:'padding:4px'}
                                         // columns
                                         
                                         ,items:[{
                                         
                                                //some combox here to filter the consult
                                         
                                                       
                                        }
                                },//eof region
                                {
                                    title: flight_lang.main_tab.tab5incidencias,
                                    region: 'south',
                                        contentEl: 'south',
                                        collapside: true,
                                        split:true,
                                    height: 150,
                                    //minSize: 75,
                                    maxSize: 500,
                                        autoScroll:true,
                                    margins: '3 0 0 0',
                                    defaults: {
                                                columnsWidth: 1,
                                                layout: 'form',
                                                hideLabels: true,
                                                border: false,
                                                bodyStyle: 'padding: 4px'
                                        },
                                        items: {        
                                         id:'listalog'
                                                 ,xtype:'form'
                                                 ,layout:'column'
                                                 ,frame:true
                                                 ,labelWidth:130
                                                 
                                                 // these are applied to columns
                                                 ,defaults:{columnWidth:1, layout:'form', hideLabels:true, border:false, bodyStyle:'padding:4px'}
                                                 // columns
                                                 ,items:[{
                                                         // these are applied to fieldsets
                                                         defaults:{xtype:'fieldset', layout:'form', anchor:'100%', autoHeight:true, cls:'x-fieldset-fly'}
                                                         
                                                         // fieldsets
                                                         ,items:[{
                                                                 title:''
                                                                 ,defaultType:'textfield'
                                                                 ,items:[
                                                                                {
                                                                                        xtype: 'gridlogs',
                                                                                        id:'idgridlogs',    
                                                                                        storeUrl:'http://' + window.location.host + '/fly/ConsultaProgreso?tipo=loggrid&fecha=&proceso=&host=&tipoproceso=',
                                                                                        autoHeight:true,
                                                                                        border:true,
                                                                                        autoScroll:true,
                                                                                        anchor:'100%',
                                                                                        stripeRows:true,
                                                                                        cls:'x-panel-body-fly'
                                                                                }]
                                                          }]
                                                  }//eof fieldset
                                                ]}
                                }//eof region
                        ]
                },//eof pestaña

thanks for your help and your time

ana



Pierre GIRAUD-2 wrote:
Hi,

1 - You're talking about regions. Does this mean that your panel has a
"border" layout ? If so, I don't think it can work without a "center"
region. As you describe it, you have "north" and "south" regions.
You're probably missing something.

2 - You should have a look at the "deferredRender" config option for
the tabpanels. It may help you dealing with complex layouts in tab
items.

If you still have problems, please, don't hesitate to show us some code.

Regards,
Pierre

You should try setting "deferredRender" to true in the config of your tabpanel.


On Sat, Oct 24, 2009 at 5:00 PM, acalle <nico200307@gmail.com> wrote:
>
> Hi to all, I have a problem with a tabpanel, and 2 regions in one tab.
> This regions are collapside, north and south with a data rid in the south,
> but when I have hidden the north, I can't put the south in the top of the
> window, occupying all the window to see the grid
> any idea?, Thanks to all
> --
> View this message in context: http://www.nabble.com/error-with-tabpanel-and-collapside-regions-tp26039791p26039791.html
> Sent from the MapFish - Users mailing list archive at Nabble.com.
>
> _______________________________________________
> Users mailing list
> Users@mapfish.org
> http://www.mapfish.org/cgi-bin/mailman/listinfo/users
>



--
Pierre GIRAUD
Géomaticien, Analyste

Camptocamp France SAS
Savoie Technolac, BP 352
73377 Le Bourget du Lac, Cedex

Tel : 00 33 4 79 44 44 93
Mail : pierre.giraud@camptocamp.com
http://www.camptocamp.com
_______________________________________________
Users mailing list
Users@mapfish.org
http://www.mapfish.org/cgi-bin/mailman/listinfo/users

Re: error with tabpanel and collapside regions

by Pierre GIRAUD-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I looked again at the description of the problem you gave initially.
If I'm correct what you want is :
 - a layout with 2 rows,
 - if you collapse one, the other fits the remaining height.
Unfortunately, this is impossible with the current border layout. The
"center" region's height will never be used by another region.

In your case, you tried to make the 'center' region collapsible. But
clicking on the button only collapses the region. Other blocks stay in
place which is the correct behavior.

I tried to find a solution on the ExtJS forum my self a while ago but
I didn't find anything.
However, it's worth a try looking at the new layouts shipped with
ExtJS 3.0. There may be something useful in the new "Hbox" layout.

Please let us know if you find something.

Regards,
Pierre

On Sat, Oct 24, 2009 at 4:00 PM, acalle <nico200307@...> wrote:

>
> Hi to all, I have a problem with a tabpanel, and 2 regions in one tab.
> This regions are collapside, north and south with a data rid in the south,
> but when I have hidden the north, I can't put the south in the top of the
> window, occupying all the window to see the grid
> any idea?, Thanks to all
> --
> View this message in context: http://www.nabble.com/error-with-tabpanel-and-collapside-regions-tp26039791p26039791.html
> Sent from the MapFish - Users mailing list archive at Nabble.com.
>
> _______________________________________________
> Users mailing list
> Users@...
> http://www.mapfish.org/cgi-bin/mailman/listinfo/users
>



--
Pierre GIRAUD
Géomaticien, Analyste

Camptocamp France SAS
Savoie Technolac, BP 352
73377 Le Bourget du Lac, Cedex

Tel : 00 33 4 79 44 44 93
Mail : pierre.giraud@...
http://www.camptocamp.com
_______________________________________________
Users mailing list
Users@...
http://www.mapfish.org/cgi-bin/mailman/listinfo/users

Re: error with tabpanel and collapside regions

by acalle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Thanks again Pierre for your time.
Not exactly what you say:
I have center and south regions, and when I collapse the center(with the arrow at the top right), I cannot raise the south manually with the mouse.
I can raise the south region only if the center is deployed, and after the two regions are superimposed, I can collapse the center one.

You can see an image.

I think it is some property I forgot.

Thanks


Pierre GIRAUD-2 wrote:
I looked again at the description of the problem you gave initially.
If I'm correct what you want is :
 - a layout with 2 rows,
 - if you collapse one, the other fits the remaining height.
Unfortunately, this is impossible with the current border layout. The
"center" region's height will never be used by another region.

In your case, you tried to make the 'center' region collapsible. But
clicking on the button only collapses the region. Other blocks stay in
place which is the correct behavior.

I tried to find a solution on the ExtJS forum my self a while ago but
I didn't find anything.
However, it's worth a try looking at the new layouts shipped with
ExtJS 3.0. There may be something useful in the new "Hbox" layout.

Please let us know if you find something.

Regards,
Pierre

On Sat, Oct 24, 2009 at 4:00 PM, acalle <nico200307@gmail.com> wrote:
>
> Hi to all, I have a problem with a tabpanel, and 2 regions in one tab.
> This regions are collapside, north and south with a data rid in the south,
> but when I have hidden the north, I can't put the south in the top of the
> window, occupying all the window to see the grid
> any idea?, Thanks to all
> --
> View this message in context: http://www.nabble.com/error-with-tabpanel-and-collapside-regions-tp26039791p26039791.html
> Sent from the MapFish - Users mailing list archive at Nabble.com.
>
> _______________________________________________
> Users mailing list
> Users@mapfish.org
> http://www.mapfish.org/cgi-bin/mailman/listinfo/users
>



--
Pierre GIRAUD
Géomaticien, Analyste

Camptocamp France SAS
Savoie Technolac, BP 352
73377 Le Bourget du Lac, Cedex

Tel : 00 33 4 79 44 44 93
Mail : pierre.giraud@camptocamp.com
http://www.camptocamp.com
_______________________________________________
Users mailing list
Users@mapfish.org
http://www.mapfish.org/cgi-bin/mailman/listinfo/users