Multi-Paneled TabSwitcher

[andru]

I'm trying to create a view with a TabSwitcher module that has a grid of several panels on each tab. When I add modules to a tab, it just displays them vertically, and when I try to specify a layout panel for the child module(s), it simply displays that module on the main view outside of the tab.

Any ideas or examples of what to do would be greatly appreciated. My apologies if this is a bit convoluted; this is my first time requesting help from the community. Let me know if any more information is needed.

Thanks!
Andru

[andru]

So here's how I managed to do this:

1. Create the TabSwitcher (Or LinkSwitcher, etc) module
2. Each tab will be a NullModule Wrapper that will wrap all child modules in the entire tab
3. Each row will contain another NullModule that will house all modules in each row
4. Each module in the row will use the _grpX parameter in the layoutPanel (i.e. panel_row1_col1_grp1, panel_row1_col1_grp2, etc)
5. Each row's layoutPanel numbering starts over

<module name="TabSwitcher" layoutPanel="panel_row1_col1">

 <param name="mode">independent</param>

 <module name="NullModule" group="Tab1_Name">

  <module name="NullModule">

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp1">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp2">

    .

    .

    .

   </module>

  </module>

  <module name="NullModule">

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp1">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp2">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp3">

    .

    .

    .

   </module>

  </module>

 </module>

 <module name="NullModule" group="Tab2_Name">

  <module name="NullModule">

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp1">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp2">

    .

    .

    .

   </module>

  </module>

  <module name="NullModule">

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp1">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp2">

    .

    .

    .

   </module>

   <module name="ModuleName" layoutPanel="panel_row1_col1_grp3">

    .

    .

    .

   </module>

  </module>

 </module>

</module>

[lukeh]

nice work @andru !!!

[andru]

The above code is how I've managed to get a single row in each tab with multiple horizontal modules grouped together.

However, if I try to add, say layoutPanel="panel_row2_col1_grp1" in a child module in a tab, it will display the module in row 2 of the main panel outside of the TabSwitcher.

Is there a way to specify that a module will take up multiple rows?

[andru]