Like me on Facebook Follow me on Twitter Register or    (Why?)
Demo Notes - Pager Styles
Pagers are activated either through a standard pager setting, which shows a standard bottom pager or by explictly including pager related tokens directly into custom templates. The following 3 examples demonstrate some of the styles that are possible.

Example 1 - This example shows a standard bottom pager that is shown whenever you select the 'Show Pager' option in the settings

Example 2 - This example shows a template based pager that is rendered inside the tab content area for each tab. In each content area, a link is created with the caption of the next tab. Pagers such as this are helpful when producing wizard like functionality or course material where you want the user to step through each tab in order. An option here would be to also hide tab captions so the only form of navigation would be the pager.

Example 3 - This example shows a more complicated pager. The previous and next buttons have actually been rendered as tabs themselves and different styling has been applied to hilight the difference.

As you can clearly see, whether you need a simple pager or an even more complex one, the Aggregator module and template system allow you to customize it to your unique needs.

Have you seen a unique pager or tab style that you'd like to see demoed? Send us an email at support@dnnstuff.com and we'll make every attempt to get it up here.
Example 1 - Standard bottom pager
  • Tab 1
  • Tab 2
  • Tab 3
Example 2 - Pager with next tab name
  • Tab 1
  • Tab 2
  • Tab 3
Example 3 - Pager beside tabs
  • <- Prev
  • Tab 1
  • Tab 2
  • Tab 3
  • Next->
Privacy StatementTerms Of UseCopyright (c) 2004-2015 DNNStuff
Page generated in 0.7968863 seconds!