Start Building Professional
Web Apps Today

multiline node text

the call tree.enableMultiLineItems(width) wrapes teh node text based on teh width, all good.
The way it wrapes the text makes the node image sits in the middle of the text lines which makes it really messy. Is it possible to have the node image inline with the first row of the text?

Example (1) The current way
[]--
| this is the first line of the node text
|----[] this is the second line of the node text
| this is the third line of the node text
|
| this is the first line of the node text
|----[] this is the second line of the node text
this is the third line of the node text

Example (2) The prefered way
[]--
|----[] this is the first line of the node text
| this is the second line of the node text
| this is the third line of the node text
|
|----[] this is the first line of the node text
this is the second line of the node text
this is the third line of the node text

Thanks,

Daniel

You can add next css rule

.standartTreeImage{ vertical-align:top; }

Thanks, but with such custom modification, how can we prevent it from being overriden by future releases?

Do you recommend creating  an extension to the css file that never gets overriden, an dhow would w eextend your css classes if I may ask?

 

Thanks,

Daniel

Actually you may add it not in CSS file but directly in your page after including default css file ( or in custom css file ) - in such case you will be able to update external css files, while preserving custom fix.
( while correcting situation with multi-line items it can cause some side effect on other modes, so we prefer to not  update dhtmlxtree.css directly )

The css file distributed with components are most conservative part of package, while code may be seriously updated between different versions -changes in CSS are minimal.

Hi,

This works OK, but the vertical lines in front of the text are not continuous. The documentation suggest to use tree.enableTreeLines(false), but I would like these lines to remain displayed, and continue across the multi-line items to keep an overview.

How can this be done?

Thanks,

Jaco

Unfortunately it is not possible , the lines images  have fixed  height, so they can't be used in multiline node.