Manually configure NavXp to run as a Skin Object

DNN 8


    To configure NavXp to run as a Skin Object, follow these steps:
  • Locate the ascx file of the skin you want to install NavXp for; in our example, we'll assume the skin is in /Portals/_default/Skins/Xcilion/Inner.ascx 
  • Open the skin ascx file (in our example, that is Inner.ascx) in your favorite text editor 
  • Before declaring our tag, we need to register our control; add the following line right after the <%@Control..> declaration the ascx file 
           <%@ Register TagPrefix="avt" TagName="NavXp" Src="~/DesktopModules/NavXp/NavXp.ascx" %> 
  • Now, we're ready to replace our tag; locate dnn:MENU tag and replace it with <avt:NavXp runat = "server" id = "avtMenuTop" />
    DNN8 has a separate template for Home page and will not use the Global template and the modification from above will not have efect for Home page.
    For Home page there are 2 ways to use NavXp as a Skin Object:
  • 1) Set Home page Page Theme to the one that has NavXp already set as Skin Object. (Edit Page->Page Settings->Advance Settings->Page Theme)
  • 2) Modify the Home template as well to include NavXP. (ex: /Portals/_default/Skins/Xcilion/Home.ascx)

    You're now ready to go! The rest of the configuration can be made from under the Manage button inside the menu.

DNN 7


    To configure NavXp to run as a Skin Object, follow these steps:

  • Locate the ascx file of the skin you want to install NavXp for; in our example, we'll assume the skin is in /Portals/_default/Skins/Gravity/2-col.ascx 
  • Open the skin ascx file (in our example, that is 2-col.ascx) in your favorite text editor 
  • Before declaring our tag, we need to register our control; add the following line right after the <%@Control..> declaration the ascx file 
           <%@ Register TagPrefix="avt" TagName="NavXp" Src="~/DesktopModules/NavXp/NavXp.ascx" %> 
  • Now, we're ready to replace our tag; locate dnn:MENU tag and replace it with <avt:NavXp runat = "server" id = "avtMenuTop" /> 

    You're now ready to go! The rest of the configuration can be made from under the Manage button inside the menu.

DNN 6

    To configure NavXp to run as a Skin Object, follow these steps:

  • Locate the ascx file of the skin you want to install NavXp for; in our example, we'll assume the skin is in /Portals/_default/Skins/MinimalExtropy/index.ascx 
  • Open the skin ascx file (in our example, that is index.ascx) in your favorite text editor 
  • Before declaring our tag, we need to register our control; add the following line right after the <%@Control..> declaration the ascx file 
     <%@ Register TagPrefix="avt" TagName="NavXp" Src="~/DesktopModules/NavXp/NavXp.ascx" %> 
  • Now, we're ready to use replace our tag; locate dnn:NAV tag and replace it with <avt:NavXp runat = "server" id = "avtMenuTop" /> 


    You're now ready to go! The rest of the configuration can be made from under Manage button inside the menu.

    If two NavXp skin objects have the same Control ID, they will share settings (bound profiles, appearance). This is a powerful feature if used properly: there can be any number of NavXp skin objects that are only configured once.
Comments