Testimonials Minimize
Was suprised how fast we were able to create unique features for our site. Havn't even touched some of the more advanced features yet! Great tool for building a portal. Good support from DNNDev, and it's growing community.
Kirk Dikun (Snowcovered Rating: 5/5 Snowflakes)
  
spacer
About Our Navigation Bar Demos Minimize

On this page we've provided a couple of examples of navigation menus. They've been built using simple HTML and Cascading Style Sheets (CSS). You may notice that they use the same data as our List demos. That's one of the benefits of using XMod. Not only can create data-driven navigation menus as you see on this page, but you can re-purpose your data across different modules and different pages. So, if make a change to one record, the change is reflected in all the other modules that point to that data.

Note for Designers and Developers: While XMod provides facilities to easily layout your data in grids and table-based lists, it also enables you to use "semantic markup" in your XMod templates, making the markup serve the content rather than the presentation.

Please Note: While these solutions should be compatible across most modern browsers, we did not test in all environments. The intent of the page is not to create the best navigation bar, but to show some possible solutions. Any quirks you may see are the result of the CSS implementation we chose and are not related to XMod. The point is that XMod gives you the ability to render your data using clean markup so that you can style it in whatever manner you see fit.

  
spacer
Horizontal CSS-Based Navigation Bar Using XMod Minimize

Here is an example of using XMod to create a dynamic horizontal navigation menu using simple semantic markup and CSS. The links don't go anywhere, but we think you'll get the idea. Notice, this menu is using the same data we use for our Lists demo page.

  
spacer
A Graphical, Dynamic Navigation Bar with XMod and CSS Minimize

Here is an example of using XMod to create a dynamic vertical navigation menu using simple semantic markup and CSS. The links don't go anywhere, but we think you'll get the idea. Notice, this menu is using the same data we use for our Lists demo page.

  
spacer
Powered By XMod
dummy