topic Re: Multi-Paneled TabSwitcher in Dashboards & Visualizations

Multi-Paneled TabSwitcher

andru — Sun, 28 Aug 2011 23:19:35 GMT

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

Re: Multi-Paneled TabSwitcher

andru — Tue, 30 Aug 2011 18:50:39 GMT

independent

.

.

.

.

Re: Multi-Paneled TabSwitcher

andru — Mon, 28 Sep 2020 09:51:07 GMT

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?

Re: Multi-Paneled TabSwitcher

andru — Wed, 31 Aug 2011 05:39:37 GMT

So here's how I managed to do this:

Create the TabSwitcher (Or LinkSwitcher, etc) module
Each tab will be a NullModule Wrapper that will wrap all child modules in the entire tab
Each row will contain another NullModule that will house all modules in each row
Each module in the row will use the _grpX parameter in the layoutPanel (i.e. panel_row1_col1_grp1, panel_row1_col1_grp2, etc)
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>

Re: Multi-Paneled TabSwitcher

lukeh — Tue, 05 Feb 2013 04:31:34 GMT

nice work @andru !!!