xd support posted on March 03, 2009 14:29
The style of the standard categories treeview menu is defined in section: [Java Menu Style used in module CAT_MenuNF] and the style of the link box control for the standard and advanced category system is defined in section: [Style for the Link Box Control in module CAT_MenuNF] of the store style sheet: CATALooKStore.css.
The style of the advanced categories treeview is defined in section: [Style for the TreeMenu of advanced categories in module CAT_MenuNF] and of the style of the advanced and standard categories solpart menu is defined in section: [Style for the solpart menu in module CAT_MenuNF]. Both controls use the standard DNN css tag names. This ensures that you can simply use the style from your skin.css for these controls. Simply copy all related css tags from the skin.css into the catalookstore.css. If the names of any tags are changed in the DNN skin ascx file for these controls or if there are any additional properties for these controls you must copy all parameters of the controls :< dnn : MENU runat =" server " id =" dnnMENU " property1 = xx property2 = yy / > and < dnn : TREEVIEW id =" dnnTreeView " runat =" server " property1 = xx property2 = yy / > which are located in the skin ascx file into the controls catSolPartControl and catTreeControl of the module skin from module CAT_MenuNF (Select [Edit Skin] from the module menu box).
This will ensure that the style of the category navigation menu fits the style of the DNN page navigation menu.
Additional properties of the SOLPARTCONTROL:
- separateCss
- menuBarCssClass
- menuContainerCssClass
- menuItemCssClass
- menuIconCssClass
- subMenuCssClass
- menuItemSelCssClass
- menuBreakCssClass
- menuArrowCssClass
- menuRootArrowCssClass
- backColor
- foreColor
- highlightColor
- iconBackgroundColor
- selectedBorderColor
- selectedColor
- selectedForeColor
- display
- menuBarHeight
- menuBorderWidth
- menuItemHeight
- forceDownLevel
- moveable
- iconWidth
- menuEffectsShadowColor
- menuEffectsMouseOutHideDelay
- mouseOutHideDelay
- menuEffectsMouseOverDisplay
- menuEffectsMouseOverExpand
- menuEffectsStyle
- fontNames
- fontSize
- fontBold
- menuEffectsShadowStrength
- menuEffectsMenuTransition
- menuEffectsMenuTransitionLength
- menuEffectsShadowDirection
- forceFullMenuList
- useSkinPathArrowImages
- useRootBreadCrumbArrow
- useSubMenuBreadCrumbArrow
- rootMenuItemBreadCrumbCssClass
- subMenuItemBreadCrumbCssClass
- rootMenuItemCssClass
- rootBreadCrumbArrow
- subMenuBreadCrumbArrow
- useArrows
- downArrow
- rightArrow
- level
- rootOnly
- rootMenuItemActiveCssClass
- subMenuItemActiveCssClass
- rootMenuItemSelectedCssClass
- subMenuItemSelectedCssClass
- separator
- separatorCssClass
- rootMenuItemLeftHtml
- rootMenuItemRightHtml
- subMenuItemLeftHtml
- subMenuItemRightHtml
- toolTip
- leftSeparator
- rightSeparator
- leftSeparatorActive
- rightSeparatorActive
- leftSeparatorBreadCrumb
- rightSeparatorBreadCrumb
- leftSeparatorCssClass
- rightSeparatorCssClass
- leftSeparatorActiveCssClass
- rightSeparatorActiveCssClass
- leftSeparatorBreadCrumbCssClass
- rightSeparatorBreadCrumbCssClass
- menuAlignment
- clearDefaults
- delaySubmenuLoad
Additional properties with defaults of the TREECONTROL:
- bodyCssClass As String =""
- cssClass As String =""
- headerCssClass As String =""
- headerTextCssClass As String ="Head"
- headerText As String =""
- resourceKey As String =""
- includeHeader As Boolean = True
- level As String
- rootOnly As String
- nodeChildCssClass As String ="Normal"
- nodeClosedImage As String ="~/images/folderclosed.gif"
- nodeCollapseImage As String ="~/images/min.gif"
- nodeCssClass As String ="Normal"
- nodeExpandImage As String ="~/images/max.gif"
- nodeLeafImage As String ="~/images/file.gif"
- nodeOpenImage As String ="~/images/folderopen.gif"
- nodeOverCssClass As String ="Normal"
- nodeSelectedCssClass As String ="Normal"
- nowrap As Boolean = False
- treeCssClass As String =""
- treeGoUpImage As String ="~/images/folderup.gif"
- treeIndentWidth As Integer = 10
- width As String ="100%"
You can replace the css class CATMenuBG in the module skin with the css class defined in your DNN skin ascx file for the solpart menu table if the css class from the DNN skin ascx file does not contain any background images. If there is a background image defined in the DNN skin css class of the SolPart menu table, please check if the background is displayed correctly and if not you can use the default css class CATMenuBG in the CATALooK skin css file and fit the background attribute to the text forecolor of the SolPart menu.