Add a GridPanel within TabPanel

  1. #1

    Add a GridPanel within TabPanel

    How to add a GridPanel within one of the tabs of a tabpanel?
  2. #2
    Hello, @TransBIRptSup!

    - If you want the grid and other components within a tab (for instance, you can use the grid without using the whole tab width/height)
    Simply add the grid panel as one of the items within a panel used as a tab.

    - If all you want as the tab is a grid (so that the tab is fully filled by the grid data and behaves as a grid itself)
    Add the grid directly to the tab panel list of items.

    In other words, respectively:

    <ext:TabPanel runat="server" ID="TabPanel1" width="800" height="600">
            <ext:Panel runat="server" Title="Panel with grid inside">
                    <ext:GridPanel runat="server" Title="My Grid Panel" Width="200" Height="200" />
            <ext:GridPanel runat="server" Title="Grid as a tab itself"></ext:GridPanel>
    Notice how the first grid needs width/height. It means the surrounding panel's layout will be followed. When you add the grid straight to the tab panel, its title is the tab handle name, and its contents will fit the tab panel. As it would a normal panel with the border or fit -- among a few other -- layouts.

    Hope this helps!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. add webusercontrol in the tabpanel
    By sat in forum 3.x Help
    Replies: 1
    Last Post: Aug 19, 2015, 7:53 AM
  2. Add tabs to the tabpanel
    By Vaishali in forum 1.x Help
    Replies: 1
    Last Post: Oct 04, 2012, 12:23 PM
  3. TabPanel - add icon
    By AlexMaslakov in forum 1.x Help
    Replies: 2
    Last Post: Aug 30, 2011, 1:43 PM
  4. How to add a icon to tabpanel?
    By DanielXu in forum 1.x Help
    Replies: 1
    Last Post: Jun 28, 2011, 11:47 PM
  5. Add Gridpanel to an Tabpanel in Runtime. BUG?
    By caiomarques in forum 1.x Help
    Replies: 3
    Last Post: Oct 09, 2008, 9:48 AM

Tags for this Thread

Posting Permissions