Gossamer Forum
Home : Products : Gossamer Links : Development, Plugins and Globals :

treecats issue - Children expanded but not indented

Quote Reply
treecats issue - Children expanded but not indented
Hi there,
When a user is looking to add a listing (and/or update a listing), they can change the category but upon doing so the category children are expanded directly below with no indent (so it's very confusing to select a child category) like so:
Original Top Level
+Cat1
+Cat2
+Cat3

Expand Cat2:
+Cat1
-Cat2
Cat4(Child of Cat2
+Cat3

Hovering over the links shows the correct category navigation but this isn't exactly user friendly.

Have attached a screenshot which shows how all categories below BusinessServices are children but and end user would be very confused.

In treecats.js, there do not seem to be any css divs added (as in the luna and luna_core files) which no doubt control this aspect.

I'm running 3.2.0 but perhaps I somehow have an old treecats.js file?

The other thing is - as admin, when I look to modify a link and change a category, the correct indentation takes place (albeit with different colour schemes - i.e. black not hyperlink blue)

Cheers,
Tom
Quote Reply
Re: [jointwinwin] treecats issue - Children expanded but not indented In reply to
Hi,

Sounds like you are missing the following CSS:

Code:
/* treecats */
#content .treecats-selection-summary ul, #content .treecats-selection ul {
margin: 0px;
}
.treecats-selection-summary li a, .treecats-selection li a {
margin-top: 2px;
margin-left: 5px;
}
.treecats-selection-summary a, .treecats-selection a {
font-size: 9px;
}
.treecats-selection-summary a:visited, .treecats-selection a:visited {
color: #212126;
}
.treecats-selection-current {
font-weight: bold;
}
.treecats-category-info img {
border: 0px;
padding: 2px;
vertical-align: middle;
}
.treecats-children {
padding-left: 15px;
}
.treecats-selected span, li.treecats-selected {
font-weight: bold;
}
.treecats-category a:link, .treecats-category a:visited {
color: #212126;
text-decoration: none;
}
.treecats-category a:hover {
text-decoration: underline;
}
#content ul.treecats-links {
padding-left: 15px;
margin: 0px;
}
.treecats-links li {
line-height: 1.25em;
list-style: circle;
}

Hope that helps.

Cheers

Andy (mod)
andy@ultranerds.co.uk
Want to give me something back for my help? Please see my Amazon Wish List
GLinks ULTRA Package | GLinks ULTRA Package PRO
Links SQL Plugins | Website Design and SEO | UltraNerds | ULTRAGLobals Plugin | Pre-Made Template Sets | FREE GLinks Plugins!
Quote Reply
Re: [Andy] treecats issue - Children expanded but not indented In reply to
Not quite Andy - though you put me on the right track.

luna.css wasn't included in the css_and_styles.html user template.

Job done!
Quote Reply
Re: [jointwinwin] treecats issue - Children expanded but not indented In reply to
Good to hear :)

Cheers

Andy (mod)
andy@ultranerds.co.uk
Want to give me something back for my help? Please see my Amazon Wish List
GLinks ULTRA Package | GLinks ULTRA Package PRO
Links SQL Plugins | Website Design and SEO | UltraNerds | ULTRAGLobals Plugin | Pre-Made Template Sets | FREE GLinks Plugins!