Home/ Questions/Q 749757
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T14:28:19+00:00

I’m using ExtJS 3.2 and have content inside of a tab panel, and the

  • 0

I’m using ExtJS 3.2 and have content inside of a tab panel, and the tab panel inside of a container in a Viewport. The actual TabPanel resizes correctly on the viewport size changes, but the content inside a panel in the TabPanel seems to be a fixed width and will not shrink when the window is resized.The strange thing is it grows if I increase the window size. How can I get the content inside a Tabpanel to shrink on window resizing.

Sorry for this being confusing, my structure is this:

Viewport (rendered to body, and sets defaults {monitorResize:true}) 
  - Text Label
  - TabPanel
    - Tab
      - Container (Border Layout)
      - Panel 1 (Center)
      - Panel 2 (East)
      - Panel 3 (South)

Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    99% of the time this boils down to a container not having a layout specified and/or excessive nesting of containers. Make sure that the containing TabPanel has an appropriate layout set. If you can’t get it working you’ll have to post some code (ideally a cut-down use case).

    EDIT: Re-reading your pseudocode, I doubt there is any need for “Container” as a separate level — the Tab is itself a Panel, and can have a BorderLayout and contain your child regions. I would bet that your Tab level currently has no layout assigned.

    • 0