Wrap node text?

[asp]

Hi!

Is it possible to wrap node text if it doesn't fit the tree client area?

[Alexander Bulei]

Hi asp,

If possible, only by CSS style...

Best Regards.

[asp]

Hi, Alexander!

Based on the plugin documentation I added my css class

Code: Select all

span.myClass a {white-space: normal;}


and added this class as addClass for the node:

Code: Select all

AJSon:= TSuperObject.Create(stArray);
  for i := 0 to 10 do begin
    Inc(CurId);
    JSonObj:= SO();
    JSonObj.S['key']:= IntToStr(CurId);
    JSonObj.S['title']:= 'bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Node ' + IntToStr(CurId);
    JSonObj.B['isFolder']:= true;
    JSonObj.B['isLazy']:= true;
    JSonObj.S['addClass']:= 'myClass';
    AJSon.AsArray.Add(JSonObj);
  end;


Now, it begins to wrap the text, but not perfect:



It seems that the margin of the node is not counting. Perhaps you could advice me something. Sample project is in the attachment.

[Alexander Bulei]

Hi asp,

By screenshot, its already looking fine...

You want wrap below the folder icons? If yes, why? You should try to see it with sub levels..

Best Regards.

[asp]

Hi, Alexander!

Hi asp,

By screenshot, its already looking fine...

Not fine, that is the problem. Look to the screenshot



The tree is rendered with the scrollbar (not should). That's happened because the text after wrapping remains long enough to exceed the client width.

[Alexander Bulei]

Hi asp,

It's not easy...
You must change the structure of css...

Attached your chanegd css file,
replace your one and you will be suprised

Best Regards.

[asp]

Thanks a lot, Alexander!

Exactly what I needed!