DotNetNuke Skin Objects and Container Objects Dynamic Reference

This is the same reference you can find in the DotNetNuke Skinning document but much easier to read.

How to use it:

- Select the object you are looking for from the drop down menu and it will show up.
- Click on the description and the attributes of the selected object will show up.
- If you select Solpartmenu you 'll see that the attributes have been grouped. Click on a group's name to find them.

[Token]
Control
Description
- Attribute : Default Value (Description)

Skin Objects

[BANNER]
<dnn:Banner runat="server" id="dnnBanner" />
Displays a random banner ad
- BorderWidth : 0 (The border width around the banner)

[BREADCRUMB]
<dnn:Breadcrumb runat="server" id="dnnBreadcrumb" />
Displays the path to the currently selected tab in the form of TabName1 > TabName2 > TabName3
- Separator : breadcrumb.gif (The separator between breadcrumb links. This can include custom skin images, text, and HTML ( i.e. <![CDATA[ <img src="file.gif"> ]]> ))
- CssClass : SelectedTab (The style name of the breadcrumb links)
- RootLevel : 1 (The root level of the breadcrumb links. Valid values include: - 1 - show word "Root" and then all breadcrumb tabs - 0 - show all breadcrumb tabs - n (where n is an integer greater than 0) - skip n breadcrumb tabs before displaying)

[CONTENTPANE]
<div runat="server" id="ContentPane"></div>
Injects a placeholder for module content
- id : ContentPane (The content pane key identifier to be displayed in the user interface and stored in the database)

[COPYRIGHT]
<dnn:Copyright runat="server" id="dnnCopyright" />
Displays the copyright notice for the portal
- CssClass : SelectedTab (The style name of portal copyright link)

[CURRENTDATE]
<dnn:CurrentDate runat="server" id="dnnCurrentDate" />
Displays the current date
- CssClass : SelectedTab (The style name of date text)
- DateFormat : MMMM dd, yyyy (The format of the date text)

[DOTNETNUKE]
<dnn:DotNetNuke runat="server" id="dnnDotnetNuke" />
Displays the Copyright notice for DotNetNuke (not required)
- CssClass : Normal (The style name of DotNetNuke portal engine copyright text)

[HELP]
<dnn:Help runat="server" id="dnnHelp" />
Displays a link for Help which will launch the users email client and send mail to the portal Administrator
- CssClass : OtherTabs (The style name of help link)

[HOSTNAME]
<dnn:HostName runat="server" id="dnnHostName" />
Displays the Host Title linked to the Host URL
- CssClass : OtherTabs (The style name of host link)

[LANGUAGE]
<dnn:Language runat="server" id="dnnLanguage" />
Displays the language selector drop down list
- CssClass : no default value (The style name of the drop down list)

[LINKS]
<dnn:Links runat="server" id="dnnLinks" />
Displays a flat menu of links related to the current tab level and parent node. This is useful for search engine spiders and robots
- CssClass : CommandButton (The style name of the links)
- Separator :    (The separator between links. This can include custom skin images, text, and HTML. ( i.e. <![CDATA[ <img src="file.gif"> ]]> ))
- Alignment : Horizontal (The links menu alignment. Possible values: Horizontal, Vertical)
- Level : Same (Determines the menu level to display. Possible values: Same, Child, Parent, Root))

[LOGIN]
<dnn:Login runat="server" id="dnnLogin">
Dual state control - displays "Login" for anonymous users and "Logout" for authenticated users
- Text : Login (The text of the login link)
- CssClass : OtherTabs (The style of the login link)
- LogoffText : Logoff (The text for the logoff link)

[LOGO]
<dnn:Logo runat="server" id="dnnLogo" />
Displays the portal logo
- BorderWidth : 0 (The border width around the logo)

[PRIVACY]
<dnn:Privacy runat="server" id="dnnPrivacy" />
Displays a link to the Privacy Information for the portal
- Text : Privacy Statement (The text of the privacy link)
- CssClass : OtherTabs (The style name of privacy link)

[SEARCH]
<dnn:Search runat="server" id="dnnSearch" />
Displays the search input box
- Submit : Submit (HTML to activate the search lookup i.e "Search" or "Go" or <img src="mybutton.gif">)
- CssClass : no default value (The style name of the search control)

[SIGNIN]
<dnn:Signin runat="server" id="dnnSignin" />
Displays the signin control for providing your username and password
- no attributes available

[SOLPARTMENU]
<dnn:SolPartMenu runat="server" id="dnnSolPartMenu" />
Displays the hierarchical navigation menu (formerly [MENU])
- Settings Colors Dimensions Effects Fonts CSS Arrows HTML Separators
- separatecss : true (Use CSS defined in a style sheet. Possible values: true, false)
- moveable : false (Flag to determine if menu can be moved. Possible values: true, false)
- display : horizontal (Determines how the menu is displayed. Possible values: horizontal, vertical)
- menualignment : Left (Alignment of the menu within the menu bar. Possible values: Left, Center, Right, Justify)
- forcedownlevel : false (Flag to force the downlevel menu to display. Possible values: true, false)
- forcefullmenulist : false (Displays the full menu as an indented list of normal hyperlinks, like a sitemap. Possible values: true, false)
- level : Root (Root level of the menu in relationship to the current active tab. Possible values: Root, Same, Child)
- rootonly : false (indicator to turn off submenus. Possible values: true, false)
- tooltip : no default value (Tooltips added to the menu items. These come from the tab object properties which are filled from the tabs table. Possible values: Name, Title, Description)
- mouseouthidedelay : 1 (Number of milliseconds to wait until menu is hidden on mouse out. 0 = disable)
- cleardefaults : false (If true, this setting will clear/empty the default color settings of the menu so that they can be left empty and not just overridden with another value)
- delaysubmenuload : false (If true this setting delays the loading of the menu until the rest of the page has rendered. This avoids the IE error "Operation Aborted". Possible values: true, false)
- backcolor : #333333 (Background color)
- forecolor : white (Fore color of menu item when selected)
- highlightcolor : white (Color of top and left border to give a highlight effect)
- iconbackgroundcolor : #333333 (Background color in area where icon is displayed)
- selectedbordercolor : no default value (Color of border surrounding selected menu item)
- selectedcolor : #CCCCCC (Background color of menu item when selected)
- selectedforecolor : white (Fore color of menu item when selected)
- menubarheight : 16 (Menu bar height in pixels)
- menuborderwidth : 1 (Menu border width in pixels)
- menuitemheight : 21 (Menu item height in pixels)
- iconwidth : 0 (Width of icon column in pixels)
- menueffectsshadowdirection : Lower Right (Determines which direction the shadow will fall. Possible values: None, Top, Upper Right, Right, Lower Right, Bottom, Lower Left, Left, Upper Left)
- menueffectsshadowstrength : 3 (Determines how many pixels the shadow extends)
- menueffectsshadowcolor : dimgray (Color of the shadow)
- menueffectsmenutransition : None (Determines which direction the shadow will fall. Possible values: None, AlphaFade, AlphaFadeBottomRight, Barn, Blinds, Checkerboard, ConstantWave, Fade, GradientWipe, Inset, Iris, RadialWipe, Random, RandomBars, Slide, Spiral, Stretch, Strips, Wave, Wheel, Zigzag)
- menueffectsmenutransitionlength : 0.3 (Number of seconds the transition will take)
- menueffectsmouseouthidedelay : 500 (Number of milliseconds to wait until menu is hidden on mouse out. 0 = disable)
- menueffectsmouseoverdisplay : Highlight (Adjusts effect when mouse moves over menu bar item. Possible values: Outset, Highlight, None)
- menueffectsmouseoverexpand : true (Makes menu expand on mouse over. Possible values: true, false)
- menueffectsstyle : filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); (IE only property for SubMenu styles and transitions)
- fontnames : Arial (Menu font name)
- fontsize : 12 (Menu font size)
- fontbold : false (Menu font weight. Possible values: true, false)
- menucontainercssclass : MainMenu_MenuContainer (Menu Container CSS Class)
- menubarcssclass : MainMenu_MenuBar (Menu Bar CSS Class)
- menuitemcssclass : MainMenu_MenuItem (Menu Item CSS Class)
- menuiconcssclass : MainMenu_MenuIcon (Menu Icon CSS Class)
- menuitemselcssclass : MainMenu_MenuItemSel (Menu Item CSS Class for mouse-over)
- menubreakcssclass : MainMenu_MenuBreak (Menu Break CSS Class)
- submenucssclass : MainMenu_SubMenu (SubMenu CSS Class)
- rootmenuitembreadcrumbcssclass : no default value (CSS Class used for root menu items when they are found in the breadcrumb array list)
- submenuitembreadcrumbcssclass : no default value (CSS Class used for sub menu items when they are found in the breadcrumb array list)
- rootmenuitemcssclass : no default value (CSS Class used for root menu items)
- rootmenuitemactivecssclass : no default value (CSS Class used for root menu items when they are the active tab)
- submenuitemactivecssclass : no default value (CSS Class used for sub menu items when they are the active tab)
- rootmenuitemselectedcssclass : no default value (CSS Class used for root menu items when they moused-over)
- submenuitemselectedcssclass : no default value (CSS Class used for sub menu items when they moused-over)
- usearrows : true (Use arrows to indicate child submenus. Possible values: true, false)
- downarrow : menu_down.gif (arrow image used for downward facing arrows indicating child submenus)
- rightarrow : breadcrumb.gif (arrow image used for right facing arrows indicating child submenus)
- menuarrowcssclass : MainMenu_MenuArrow (Menu Arrow CSS Class)
- menurootarrowcssclass : MainMenu_MenuRootArrow (Menu Root Arrow CSS Class)
- useskinpatharrowimages : false (Use arrow images located in the skin and not those in the root images folder. Possible values: true, false)
- userootbreadcrumbarrow : true (Use a breadcrumb arrow to identify the root tab that is listed in the breadcrumb array list. Possible values: true, false)
- usesubmenubreadcrumbarrow : false (Use a breadcrumb arrow to identify the submenu tabs that are listed in the breadcrumb array list. Possible values: true, false)
- rootbreadcrumbarrow : no default value (Image used for root level menu breadcrumb arrows i.e file.gif)
- submenubreadcrumbarrow : no default value (Image used for submenu menu breadcrumb arrows i.e file.gif)
- rootmenuitemlefthtml : no default value (HTML text added to the beginning of the Root menu items)
- rootmenuitemrighthtml : no default value (HTML text added to the end of the Root menu items)
- submenuitemlefthtml : no default value (HTML text added to the beginning of the sub menu items)
- submenuitemrighthtml : no default value (HTML text added to the end of the sub menu items)
- separator : no default value (The separator between Root level menu items. This can include custom skin images, text, and HTML i.e <![CDATA[ <imgsrc="file.gif"> ]]>)
- separatorcssclass : no default value (CSS class used for the root level menu item separator)
- leftseparator : no default value (The separator used just before a root level menu item. A use for this might be a left edge of a tab image for example)
- leftseparatorcssclass : no default value (CSS class used for leftseparator)
- rightseparator : no default value (The separator used just after a root level menu item. A use for this might be a right edge of a tab image for example)
- rightseparatorcssclass : no default value (CSS class used for rightseparator)
- leftseparatoractive : no default value (The separator used just before an active root level menu item)
- leftseparatoractivecssclass : no default value (CSS class used for leftseparatoractive)
- rightseparatoractive : no default value (The separator used just before an active root level menu item)
- rightseparatoractivecssclass : no default value (CSS class used for rightseparatoractive)
- leftseparatorbreadcrumb : no default value (The separator used just before a root level menu item found in the breadcrumb array list)
- leftseparatorbreadcrumbcssclass : no default value (CSS class used for leftseparatorbreadcrumb)
- rightseparatorbreadcrumb : no default value (The separator used just before a root level menu item found in the breadcrumb array list)
- rightseparatorbreadcrumbcssclass : no default value (CSS class used for rightseparatorbreadcrumb)

[TERMS]
<dnn:Terms runat="server" id="dnnTerms" />
Displays a link to the Terms Conditions for the portal
- Text : Terms of Use (The text of the terms link)
- CssClass : OtherTabs (The style name of terms link)

[TREEVIEWMENU]
<dnn:TreeViewMenu runat="server" id="dnnTreeViewMenu" />
Display a navigation Menu using the DNN Treeview Control to provide a Windows Explore like Menu
- BodyCssClass : no default value (Css class for the body of the treeview menu)
- CssClass : no default value (Css class for the treeview control)
- HeaderCssClass : no default value (Css class for the header)
- HeaderTextCssClass : Head (Css class for the header text)
- HeaderText : no default value (Text for the header of the tree menu)
- IncludeHeader : True (Turn on/off header. Possible values: true, false)
- Level : no default value (Indicates the root level of the tree menu, blank = root. Possible values: parent, child, same)
- NodeChildCssClass : Normal (Css class for a child node)
- NodeClosedImage : folderclosed.gif (Image for a closed (not in current breadcrumbs but has children) node)
- NodeCollapseImage : min.gif (Image to shown that will activate a collapse of the menu node)
- NodeCssClass : Normal (Css class for the nodes)
- NodeExpandImage : max.gif (Image to shown that will activate an expansion of the menu node)
- NodeLeafImage : file.gif (Image used for a "leaf" node (no children))
- NodeOpenImage : folderopen.gif (Image for an opened (in current breadcrumbs and has children) node)
- NodeOverCssClass : Normal (Css class for a node on mouseover)
- NodeSelectedCssClass : Normal (Css class for the selected node)
- NoWrap : false (Replaces spaces in the text of the node with non breaking spaces)
- ResourceKey : no default value (Resource Key to localize the Title text. If blank Text property will be used)
- RootOnly : false (Show only the root menu (no children))
- TreeCssClass : no default value (Css class for the tree)
- TreeGoUpImage : folderup.gif (Image to go up a level on the tree)
- TreeIndentWidth : 10 (Addition width to indent each tree level)
- Width : 100% (With of tree control)

[USER]
<dnn:User runat="server" id="dnnUser" />
Dual state control - displays a "Register" link for anonymous users or the users name for authenticated users
- Text : Register (The text of the register/user link)
- CssClass : OtherTabs (The style name of register/user link)

Container Objects

[ACTIONBUTTON]
<dnn:ActionButton runat="server" id="dnnActionButton" />
Generic Button control used for various actions involving a module
- CommandName : no default value (maps to ModuleActionType in DotNetNuke.Entities.Modules. Actions: AddContent, EditContent, ContentOptions, SyndicateModule, ImportModule, ExportModule, OnlineHelp, ModuleHelp, HelpText, PrintModule, ModuleSettings, DeleteModule, ClearCache, MoveTop, MoveUp, MoveDown, MoveBottom, MovePane, MoveRoot)
- CssClass : CommandButton (Cssclass for the button)
- DisplayLink : True (Display the localized text for the command. Possible values: True, False)
- DisplayIcon : False (Display the icon for the command. Possible values: True, False)
- IconFile : no default value (File to use for command icon if not using the built in command icon i.e. myicon.gif)

[CONTENTPANE]
<div runat="server" id="ContentPane"></div>
Injects a placeholder for module content
- id : ContentPane (The content pane key identifier to be displayed in the user interface and stored in the database)

[DROPDOWNACTIONS]
<dnn:DropDownActions runat="server" id="dnnDropDownActions" />
Simple dropdown combobox for module actions
- no attributes available

[ICON]
<dnn:Icon runat="server" id="dnnIcon" />
Displays the icon related to the module
- BorderWidth : 0 (The border width around the icon)

[LINKACTIONS]
<dnn:LinkActions runat="server" id="dnnLinkActions" />
Links list of module actions
- no attributes available

[PRINTMODULE]
<dnn:PrintModule runat="server" id="dnnPrintModule" />
Displays a new window with only the module content displayed. Depreciated - use [ACTIONBUTTON] instead
- PrintIcon : print.gif (The custom print icon file located in the skin file)

[SOLPARTACTIONS]
<dnn:SolPartActions runat="server" id="dnnSolPartActions" />
Popup module actions menu (formerly [ACTIONS])
- no attributes available

[TITLE]
<dnn:Title runat="server" id="dnnTitle" />
Displays the title of the module
- CssClass : Head (The style name of title)

[VISIBILITY]
<dnn:Visibility runat="server" id="dnnVisibility" />
Displays an icon representing the minimized or maximized state of a module.
- BorderWidth : 0 (The border width around the icon)
- MinIcon : min.gif (The custom min icon file located in the skin file)
- MaxIcon : max.gif (The custom max icon file located in the skin file)