When selecting a category, is there a way to show in the items listing WHICH category you are currently in?

Additionally, when you expand a category, is there a way to KEEP it expanded for easier navigation?

Here is an example of styling the treeview category menu in the cart. Open up categorymenu.ascx and add the cssclass tags as follows:

<asp:TreeView runat="server">
<NodeStyle CssClass="NodeStyle" />
<HoverNodeStyle CssClass="HoverNodeStyle"/>
<SelectedNodeStyle CssClass="SelectedNodeStyle"/>
</asp:TreeView>

Then open up CategoryMenu.css file add the following styles:

.NodeStyle
{
width: 140px;
font-size: 10px;
display: block;
text-decoration: none;
color: #ffffff;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}

.NodeStyle:hover,
a.NodeStyle:hover,
.NodeStyle:link:hover,
a.NodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003687;
border: solid 1px #71a9ff;
background-color: #c6ddff;
padding: 2px 2px 2px 2px;
}

.HoverNodeStyle
{
font-size: 10px;
display: block;
text-decoration: none;
color: #ffffff;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}

.HoverNodeStyle:hover,
a.HoverNodeStyle:hover,
.HoverNodeStyle:link:hover,
a.HoverNodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003687;
border: solid 1px #71a9ff;
background-color: #c6ddff;
padding: 2px 2px 2px 2px;
}

.SelectedNodeStyle
{
font-size: 10px;
display: block;
text-decoration: none;
color: #ffffff;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}

.SelectedNodeStyle:hover,
a.SelectedNodeStyle:hover,
.SelectedNodeStyle:link:hover,
a.SelectedNodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003687;
border: solid 1px #71a9ff;
background-color: #c6ddff;
padding: 2px 2px 2px 2px;
}

I'll have to dig a little further. It doesn't look like it's using CategoryMenu.css at all... all of the styles are being picked up by skin.css

Try renaming CategoryMenu.css to module.css to see if it picks up the stylesheet.

-Scott

yes blank or null is fine either one

OK... this works.

First, in CategoryMenu.ascx fix the stylesheet link as follows:

<link href="/DesktopModules/Smith.CategoryMenu/CategoryMenu.css" rel="stylesheet" type="text/css" />

... using an absolute path to the CSS file, instead of a relative one.

Next, the asp:TreeView I made look like this:

<asp:TreeView
ID="tvCatMenu"
ExpandDepth="0"
PopulateNodesFromClient="true"
ShowLines="false"
ShowExpandCollapse="true"
NodeStyle-CssClass="NodeStyle"
ExpandImageUrl="~/DesktopModules/Smith.CategoryMenu/tv_expander.gif"
CollapseImageUrl="~/DesktopModules/Smith.CategoryMenu/tv_collapser.gif"
OnTreeNodePopulate="tvCatMenu_TreeNodePopulate"
OnSelectedNodeChanged="tvCatMenu_SelectedNodeChanged"
runat="server"
CssClass="SmithProdtext" />

... notice the line that says NodeStyle-CssClass="NodeStyle"

Then the CSS stylings work properly.