Automatic Way:
Using TheDNN.SlideMenu as your skin object is easy.
If you navigate to Admin / TheDNN SlideMenu Config / Control Center at bottom left, you will see a yellow icon with two links. One of them , "
Change
to TheDNN.SlideMenu", will help you change the current SolPart to
TheDNN.SlideMenu and the other one will turn it back to SolPart.
Once you have changed the Skin Object with TheDNN.SlideMenu you can define style and settings for Skin Object.
Manual Way:
If by any reason you want to add TheDNN.SlideMenu as skin object of your skin then you need to edit your skin ASCX file and add the following line at Page Directive area:
<%@ Register TagPrefix="dnn" TagName="TheDNNSlideMenu" Src="~/DesktopModules/TheDNN.SlideMenu.SkinObject/TheDNNSlideMenu.ascx" %>
Then, where ever you need TheDNN.SlideMenu to appear in your skin, you must insert the following standard control:
<dnn:TheDNNSlideMenu runat="server" id="TheDNNSlideMenu" ProviderName="DNNMenuNavigationProvider" CSSControl="main_dnnmenu_bar" CSSContainerRoot="main_dnnmenu_container" CSSNode="main_dnnmenu_item" CSSNodeRoot="main_dnnmenu_rootitem" CSSIcon="main_dnnmenu_icon" CSSContainerSub="main_dnnmenu_submenu" CSSBreak="main_dnnmenu_break" CSSNodeHover="main_dnnmenu_itemhover" NodeLeftHTMLBreadCrumbRoot="<img alt="*" BORDER="0" src="breadcrumb.gif"/>" />
After that you need to save the file and restart your application.
Once the Skin Object has changed to TheDNN.SlideMenu, you can define style and settings for Skin Object.