JavaScript.CoolDev.Com Support Forums

Any questions related to JavaScript menu and JavaScript tree menu by Javascript.CoolDev.Com

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Scroll bar management

 
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsTree
Author Message
Steph012



Joined: 20 Mar 2008
Posts: 3

PostPosted: Thu Mar 20, 2008 10:11 pm    Post subject: Scroll bar management Reply with quote

Hi everybody

I am very very happy to use COOLjsTree, it is very easy to install it and it is very beautiful.
I just have an important issue when I tried to manage the scroll bar for all nodes. Clearly, I would like a scrollbar when the content of the treeview is an overflow of the css bloc. (I hope I am enought clear Smile )

I tried also with your example : .\Samples\Ready to use\Icons, I added overflow : scroll;//

Code:

.treeNode {
 background : #555555;
 width:200px;
 height:100px;
 text-decoration: none;
 color: black;
 font: 8pt tahoma;
 [b]overflow : scroll;// or auto[/b]
}


Code:

var TREE_FORMAT =
[
    ...
 // 10. default CSS class for nodes
 "[b]treeNode[/b]",
 // 11. individual CSS classes for levels of the tree
 [],
 ...
];


Is it possible to manage it ? how can I do ? is it possible to have an example (there is no example in your document and API etc ...) ?
I spent lot of time for that unsuccessfully, please help me to solve it Smile it will be very nice if you could help me to solve this problem.
Steph
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191

PostPosted: Fri Mar 21, 2008 7:39 am    Post subject: Reply with quote

You want to add a scrollbar to every node? Sounds weird...

Add "display: block;" - it should help.
Back to top
Steph012



Joined: 20 Mar 2008
Posts: 3

PostPosted: Fri Mar 21, 2008 1:52 pm    Post subject: Reply with quote

Why is it weird ? Sad when I expand all of nodes/menu in my CSS bloc I don't want any overflow, it is nomal !!!
but sorry, I don't understand exactly where I can put "display: block;" it doesn't work when I put it into the css file.

How can I add an image here, it will be better to show you my problem?
Back to top
Steph012



Joined: 20 Mar 2008
Posts: 3

PostPosted: Fri Mar 21, 2008 1:52 pm    Post subject: Reply with quote

Steph012 wrote:
Why is it weird ? Sad when I expand all of nodes/menu in my CSS bloc I don't want any overflow, it is nomal !!!
but sorry, I don't understand exactly where I can put "display: block;" it doesn't work when I put it into the css file (instead of overflow:scroll)

How can I add an image here, it will be better to show you my problem?
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191

PostPosted: Sat Mar 22, 2008 5:42 pm    Post subject: Reply with quote

Quote:
Why is it weird ?

It is weird to add a scrollbar to every single node. CSS class "treeNode" is assigned to every node, and thus you're adding "overflow: scroll;" to every node.

COOLjsTree Standard does not support scenarios with scrollbar. You need Pro for this. Or, as a workaround, you can put the tree into IFRAME of specific size.
Back to top
Display posts from previous:   
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsTree All times are GMT
Page 1 of 1