Tigra Tree Menu Product Family - css inheritance problem


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Tree Menu Product Family » css inheritance problem

Last active: Never

Printable Version | Subscribe | Add to Favourites

pontiac

Junior Member

Posts: 5
Registered: 5/11/2005
Member Is Offline

posted on 5/17/2005 at 12:18 PM

css inheritance problem

Hi,
I have Tigra Menu pro. I'm triyng to build a tree and work everithing very well. Now I'm trying to give to the tree a particular behavior. Every node rapresent a device, and every device is in a particular state. Depends on the state, I want that each node is colored of a different color choosed between three.
To developing this functionality I tryied to color only one node adding in the cope setting of the node a string like this

's0':'styles_100'

(I have tryed using styles100 without underscore too)

between the other that compose the item scope.

Then, I added in tree_tpl the string

'style_100':'greenstyle'

I have read in the forum that I can override global css settings
(my tree is placed in a frameset, and parent frame has its own css) and take advantage of inherit features of css.
Therefore, I've add in my tree.css

.greenstyle a{
text-decoration : none;
color : green;
}
.greenstyle a:visited{
text-decoration : none;
color : green;
}
.greenstyle a:link{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 8pt;
color: green;
border-width: 0px;
margin : 0px;
text-decoration : none;

}
.greenstyle a:hover {
text-decoration : underline;
color : green;
}

But the colors won't change, any idea?
A further question.
I want disable text popup when my mouse go over tree link. Is it possible?

Thanks in advance Andrea

P.S.

I have already tryied to put in the scope setting directly my css class like

's0':'greenstyle' but It still dont work.
Thx

rock

Moderator

Posts: 687
Registered: 4/15/2003
Member Is Offline

posted on 5/17/2005 at 02:19 PM

#1
Try a simple hierarchy first, like:
var TREE_ITEMS = [
['root','',0,
['node','',0,
['leaf','',{'s0':'greenstyle'}]
]
]
];
If tree.css with greenstyle class is linked to document 'leaf' item should be colored in green (in case unselected, mouseouted).

#2
Tooltips apear only if you set 'tt' value in the item scope settings.