In this skin we added 2 XMenus in the page to demonstrate how to implement XMenu in skin as a skin object.
Basically we have two ways for using XMenu as a skin object. We can use one of the
existing styles just with pointing the style name
(/Desktopmodules/Markit.Modules/Styles/Style##) OR use our own skins in portals/# folder (the way was formerly used).
The first way is very easy to use and you can override each menu properties but only limitation which caused us to keep the second way is that users which has no access to Desktopmodules folder and are not super user cannot change menu images and CSS file.
The second way is similar to previous version. It means you can place menu images and css files in your portal folder.
Please Check two following samples to find out how to use XMenu in your skin.
Step One: Register XMenu Control
Description:
To use XMenu or any other skin objects, you are required to register related control to your page. You need to add following code at top of your skin to use XMenu.
Register XMenu Control Code:
<%@ Register TagPrefix="dnn" TagName="XMENU" Src="~/DesktopModules/Markit.XMenu/XMenuSkinObject.ascx" %>
Step Two: Add XMenu
Sample one:
Description:
In this sample we added one of the existing XMenu styles and override the Root Menu Title Enter Color to red. How ever only ID and Style are enough to show XMenu.
XMenu Code:
<dnn:XMENU runat="server" ID="XMENU1" Stylex="style11" rootMenuTitleEnterColor="#FF0000"/>
Sample Two:
Description:
In this sample we We uIn this sample we used our own images and css file located in portal folder.
XMenu Code:
<dnn:XMENU runat="server"
ID="sample11"
Scope="-1"
Mode="move"
MultiColor="false"
Righttoleft="false"
ShowIcon="true"
ShowChild="true"
ShowSubTitle="false"
ShowHidden="false"
rootMenuTitleEnterColor="#e1e1e1"
rootMenuTitleLeaveColor="#ffffff"
rootMenuSubTitleEnterColor = "#FFFFFF"
rootMenuSubTitleLeaveColor = "#FFFFFF"
subMenuTitleEnterColor = "#FFFFFF"
subMenuTitleLeaveColor = "#FFFFFF"
EnableSubMenuBackground = "true"
subMenuBackgroundEnterColor = "#1e479d"
subMenuBackgroundLeaveColor = "#141414"/>
|