Your SlideShare is downloading. ×
0
DNN MegaMenu<br /><ul><li>Building a double wide “mega menu” for DNN using BrandonHayes DNN module.
Visit  and support Brandon at http://www.codeplex.com/site/users/view/BrandonHaynes </li></ul>SolTech Inc   http://www.sol...
http://dnntemplatedmenu.codeplex.com/<br />Download and load the module from http://dnntemplatedmenu.codeplex.com/<br />A ...
Install<br />To install:<br />Log in as a host user<br />Install the TemplatedDNNMenuNavigationProvider install package,<b...
Configuration and Usage<br />Navigate to the settings for the page that is the root of the menu you wish to template (e.g....
Selecting Templates<br />The default template is located at /Providers/NavigationProviders/DNNTemplatedMenuNavigationProvi...
Template Examples<br />
CSS Styling<br />A template CSS can be specified through another meta tag, formatted as<br /><meta name="menuCss" content=...
SolTech and DNN	<br />SolTech has built hundreds of client websites and business solutions using DNN.<br />From simple sit...
Upcoming SlideShare
Loading in...5
×

SolTech Atlanta custom software developers add custom "MegaMenu" To Dnn 5

2,149

Published on

Using Brandon Hays DNN navigation provider, I add a double wide menu to DNN

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,149
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "SolTech Atlanta custom software developers add custom "MegaMenu" To Dnn 5"

  1. 1. DNN MegaMenu<br /><ul><li>Building a double wide “mega menu” for DNN using BrandonHayes DNN module.
  2. 2. Visit and support Brandon at http://www.codeplex.com/site/users/view/BrandonHaynes </li></ul>SolTech Inc http://www.soltech.net 1-404-601-6000<br />
  3. 3. http://dnntemplatedmenu.codeplex.com/<br />Download and load the module from http://dnntemplatedmenu.codeplex.com/<br />A derivative of the built-in DotNetNuke DNNMenu navigation provider, allowing for templated custom menu panels. Configure one or more menu items to be displayed using a (built-in or custom-developed) template, yielding display options not before available to DotNetNuke users!<br />This provider is installed just as any other module or provider through the <br />Host->Modules menu item. <br />Note that the provider requires DotNetNuke version 5.0.1 or greater; ensure that your installation meets this minimum requirement before proceeding.<br />
  4. 4. Install<br />To install:<br />Log in as a host user<br />Install the TemplatedDNNMenuNavigationProvider install package,<br />Optionally install the TemplatedMinimalExtropy skin package, or any other skin configured to utilized the templated provider,<br />Change a page (or site) skin to use a skin that utilizes the templated provider.<br />The default template is located at /Providers/NavigationProviders/DNNTemplatedMenuNavigationProvider/Default.ascx. <br />
  5. 5. Configuration and Usage<br />Navigate to the settings for the page that is the root of the menu you wish to template (e.g. the Admin page) and in “Advanced Settings”, Page Header Tags textbox, enter the string<br /><meta name="menuTemplate" content="" /> <br />Return to the page you specified to use the template skin, and note that the <br />tagged menu is now using the default template (which is not that attractive <br />until the pages have been structured into a better hierarchy). <br />The default template displays children in a large font; grandchildren are in a <br />normal font. You’ll have to use the Admin->Tabs page to rearrange some tabs <br />to see this behavior.<br />
  6. 6. Selecting Templates<br />The default template is located at /Providers/NavigationProviders/DNNTemplatedMenuNavigationProvider/Default.ascx. <br />You can specify an alternate template by adding its name to the <br />content portion of the meta tag; by way of example, <br />a tag that reads as below will use the Descriptions.ascx<br />template, which displays a page’s description<br />(if any) underneath its link.<br /><meta name="menuTemplate" content="Descriptions" /><br />Skin designers can deploy their own templates; these may be accessed via a tag of the form:<br /><meta name="menuTemplate" content="skin:[TemplateName]" /><br />or<br /><meta name="menuTemplate" content="portal:[TemplateName]" /><br />
  7. 7. Template Examples<br />
  8. 8. CSS Styling<br />A template CSS can be specified through another meta tag, formatted as<br /><meta name="menuCss" content="CssFile" /><br /><ul><li>A “portal:” or “skin:” prefix may be used; if none are specified the css is drawn from the provider directory</li></li></ul><li>Embed this into a DNN skin<br />Instantiate an Admin/Skins/Nav.ascx control as<br /><%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %><br />Place the menu in the skin … remember to tell dnnmenu what styles to use … , here CSSNode defines the styling of the megamenu wide container<br />You can include any or all of the properties available on the DotNetNuke Nav control. The templated<br />menu provider does not directly use any of these; they are passed as-is to the DNNMenuprovider<br />
  9. 9. SolTech and DNN <br />SolTech has built hundreds of client websites and business solutions using DNN.<br />From simple sites to complete 500 page + sites with custom , from scratch DNN modules.<br />We should be talking.<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×