By default, DNN uses the solpart menu as a pop-up action menu:
You can use RadMenu instead:
To do this, you need to replace
| |
 Copy Code |
|
<dnn:ACTIONS ... /> |
with
| |
Copy Code |
|
<dnn:RADMENUACTIONS ... /> |
Suppose that you want to use the Dnn-Gray container with the image header - color background style:
Below are two step-by-step methods which show exactly how to replace the solpartactions menu with RadMenu.
Method A
This method relies on directly modifying the ascx file.
- Find the Image Header - Color Background.ascx file located at:
DotNetNuke\Website\Portals\_default\Containers\DNN-Gray
- Open this file for edit.
- Register the RADMENUACTIONS tag by adding the following line of code:
| |
Copy Code |
|
<%@ Register TagPrefix="dnn" TagName="RADMENUACTIONS" Src="~/DesktopModules/RadMenu/RadMenuActions.ascx" %> |
- Replace
| |
Copy Code |
|
<dnn:ACTIONS ... /> |
with
| |
Copy Code |
|
<dnn:RADMENUACTIONS ... /> |
- Set additional properties for RadMenu if desired. For example you can set the Skin property:
| |
Copy Code |
|
<dnn:RADMENUACTIONS runat="server" id="dnnRADMENUACTIONS" Skin="CssGreen" /> |
Method B
This is a more indirect method which modifies the htm and xml files which after parsing produce the ascx file from method A.
-
Find and open for edit the container.xml file located at:
DotNetNuke\Website\Portals\_default\Containers\DNN-Gray
-
Replace <Token>[ACTIONS]</Token> with <Token>[RADMENUACTIONS]</Token>
-
Set RadMenu additional properties if needed. For example set the Skin property to CssGreen:
<Token>[RADMENUACTIONS]</Token>
<Settings>
<Setting>
<Name>Skin</Name>
<Value>CssGreen</Value>
</Setting>
</Settings>
-
Save changes to the container.xml file
-
Next, find and open for edit the Image Header - Color Background.htm file located in the same directory as container.xml.
-
Replace [ACTIONS] with [RADMENUACTIONS]
-
Save changes to Image Header - Color Background.htm file
-
Parse the skin package to update the
Image Header - Color Background.ascx file
