Customizing the Tree Component

2015-05-26 Thread Poggenpohl, Daniel
Hello everyone,

we want to customize the Tapestry tree component.
One of our first problems is to change the icons used in leaves and nodes. How 
could we do that?

Regards,
Daniel P.


Re: Customizing the Tree Component

2015-05-26 Thread Dmitry Gusev
Hi,

using CSS?

On Tue, May 26, 2015 at 11:29 AM, Poggenpohl, Daniel 
daniel.poggenp...@isst.fraunhofer.de wrote:

 Hello everyone,

 we want to customize the Tapestry tree component.
 One of our first problems is to change the icons used in leaves and nodes.
 How could we do that?

 Regards,
 Daniel P.




-- 
Dmitry Gusev

AnjLab Team
http://anjlab.com


Re: Customizing the Tree Component

2015-05-26 Thread Stephen Nutbrown
Hi,

Just to add to this - I've done this before and it works, however the
code is old and I don't think I have it (It's an old project which
never launched).

However, if you go here:
http://jumpstart.doublenegative.com.au/jumpstart/examples/component/treebrowse/tree-sprites.png

You can see the CSS in tree.css, and all you really need to do is
override the background-image and background-position. Currently it's
using:
SPAN.t-tree-icon to set the background image to url(tree-sprites.png)

You can see this file here:
http://jumpstart.doublenegative.com.au/jumpstart/assets/51b9b1f301896216/core/tree-sprites.png

Then it's using the background position on the nodes to get the right
part of the image:
SPAN.t-tree-icon.t-leaf-node
background-position: -32px -16px

If you want to change these, you may want an image for each node type,
put them in your assets somewhere, override the background-image from
tree.css and add in your own background images on the
SPAN.t-tree-icon.t-leaf-node and SPAN.t-tree-icon. Depending on your
version of Tapestry I think these may have changed (i'm not sure), but
generally, poking around in the developer tools for Chrome (or any
browser) makes finding the CSS attributes which you want to override
very easy to find.

Make sure your own CSS is added after the tapestry CSS file and it
should work fine.

What are the other changes you needed?

Hope this helps,

On 26 May 2015 at 09:41, Dmitry Gusev dmitry.gu...@gmail.com wrote:
 Hi,

 using CSS?

 On Tue, May 26, 2015 at 11:29 AM, Poggenpohl, Daniel 
 daniel.poggenp...@isst.fraunhofer.de wrote:

 Hello everyone,

 we want to customize the Tapestry tree component.
 One of our first problems is to change the icons used in leaves and nodes.
 How could we do that?

 Regards,
 Daniel P.




 --
 Dmitry Gusev

 AnjLab Team
 http://anjlab.com

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org