Like me on Facebook Follow me on Twitter Register or    (Why?)
Demo Notes - Setting Height/Width
Both height and width can optionally be set to produce a more stable tabbed area. In the default scenario, the tab content height flows to match the content it contains but that can cause issues in some pixel perfect skin designs. By adding a height and/or width limit to the module, you are guaranteed that the module will only take up a certain area of the screen real estate.

Example 1 - shows setting the width, leaving the height fluid

Example 2 - shows setting the height, leaving the width to the maximum of the pane area

Example 3 - shows a combination of both, notice the scroll bar in the content area allowing all of the content to still be seen

 

Example 1 - Width set to 200px
  • Tab 1
  • Tab 2
  • Tab 3
Example 2 - Height set to 200px
  • Tab 1
  • Tab 2
  • Tab 3
Example 3 - Height and width both set to 200px
  • Tab 1
  • Tab 2
  • Tab 3
Privacy StatementTerms Of UseCopyright (c) 2004-2015 DNNStuff
Page generated in 0.4062165 seconds!