Indeed, floats are the problem. Unfortunately, I'm not sure images are better solution. The problem is that for line and junction images spans are used with background-image set. The advantage is that the image can be repeated (line) and it also can be centered vertically (junction).
Possible solution could be img tags with transparent image and the real image specified using background-image, just as current spans do. It would be worth trying, however due to lack of time I can't do that right now. -Matej Karl M. Davis wrote: > Matej, > > Instead of using floats and background images, would it be possible for the > tree to use real <img/> tags with a set width? I'm not 100% positive, but I > think the floats are what prevent "overflow: scroll" from working properly. > Does that sound right? > > -- Karl > > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Matej Knopp > Sent: Saturday, September 23, 2006 11:43 AM > To: wicket-user@lists.sourceforge.net > Subject: Re: [Wicket-user] Problem with tree width > > Sure, and don't forget to provide css to table layout the tree with lines > and everything that is at least as good as current solution (which is > actually rather good, I think ;-). Because all my attempts to layout the > tree-table with table failed at least in firefox. > > -Matej > > Igor Vaynberg wrote: >> time to work on that magical tr replacing ajax stuff :) >> >> -Igor >> >> >> On 9/23/06, *Matej Knopp* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> >> wrote: >> >> Btw. I've commited fix to 1.x that prevents the text from hiding (it's >> being clipped instead). >> >> -Matej >> >> Matej Knopp wrote: >> > If it was only tree, I'd be probably using nested divs. The >> reason for >> > using div per row is actually the TreeTable. Initially, I wanted to >> > build tree table using <table><tr>... - I couldn't nest table >> rows. Then >> > I found out that replacing tr in ajax doesn't work in ie (and >> opera), so >> > I had to use divs instead. However, I still think using nested >> divs for >> > tree table wouldn't work well. >> > >> > -Matej >> > >> > Karl M. Davis wrote: >> >> Matej, >> >> >> >> I've been wondering why you chose to implement the tree as a set > of >> >> floated divs rather than as a nested list? The list would be >> much more >> >> semantic and fallback gracefully if the user has CSS turned off as >> >> well. This is one of the better examples of this I've seen: >> >> http://www.silverstripe.com/downloads/tree/ >> <http://www.silverstripe.com/downloads/tree/> >> >> >> >> I've been toying with the idea of writing my own implementation of >> >> AbstractTree using this HTML and CSS as the overflow issues >> annoy me... >> >> any thoughts? >> >> >> >> -- Karl >> >> >> >> >> > ------------------------------------------------------------------------ >> >> *From:* [EMAIL PROTECTED] >> <mailto:[EMAIL PROTECTED]> >> >> [mailto:[EMAIL PROTECTED] >> <mailto:[EMAIL PROTECTED]>] *On Behalf Of >> >> *Marc-Andre Houle >> >> *Sent:* Friday, September 22, 2006 5:47 AM >> >> *To:* wicket-user@lists.sourceforge.net >> <mailto:wicket-user@lists.sourceforge.net> >> >> *Subject:* Re: [Wicket-user] Problem with tree width >> >> >> >> It is not that important for now, I was just trying to know if the >> >> problem was on my side or on the wicket platform. >> >> >> >> Thanks for your help and I'm pleased to know someone better than >> me is >> >> working on that issue. I'm not really a master in CSS! >> >> >> >> Marc >> >> >> >> On 9/22/06, *Matej Knopp* <[EMAIL PROTECTED] >> <mailto:[EMAIL PROTECTED]> <mailto:[EMAIL PROTECTED] >> <mailto:[EMAIL PROTECTED]>>> wrote: >> >> >> >> I've fixed the problem of disappearing item captions, but >> only for >> >> tree-table. I'll have to look at tree css, I just had no >> time. It might >> >> some serious changes to stylesheet to get this working for >> Tree. >> >> >> >> So if this really is a showstopper for you, try to use tree >> table (with >> >> the css from current svn). >> >> >> >> -Matej >> >> >> >> Marc-Andre Houle wrote: >> >> > Since I got no one to help me, I have continued to search >> for this >> >> > problem with no result. Also, maybe I wasn't clear enough > to >> >> > demonstrate the problem, so I will make a new effort to >> display it. >> >> > >> >> > Here is easy Path to demonstrate the problem >> >> > 1 - got the web developper extension for firefox if it is >> not already >> >> > done (Really usefull : >> https://addons.mozilla.org/firefox/60/) >> >> > >> >> > 2- go to page >> >> > >> >> >> > http://www.wicket-library.com/wicket-examples/ajax?wicket:bookmarkablePage=: > wicket.examples.ajax.builtin.tree.SimpleTreePage >> >> > >> >> > 3- Click the link to expand all node >> >> > >> >> > 4- Open up the the CSS edit tool ( CTRL-SHIFT-E ) >> >> > >> >> > 5 - In div wicket-tree, set the width variable to 15. >> >> > >> >> > Now, you should see that some of the element of the table >> disapred >> >> > because there was no place to display them. My problem, >> while >> >> not being >> >> > exclusively that, is related to that. Is it not possible >> to make the >> >> > tree scrollable horizontally when the content is larger >> that the >> >> space >> >> > to display the tree? >> >> > >> >> > It seems to be only a CSS problem, but I still don't know >> how to >> >> solve >> >> > it. Using the auto tag for width is not a goot >> solution. For the >> >> > exemple, the tree will take all the place in the page, >> but when a >> >> node >> >> > will eventually be more width than the page, it will just >> also >> >> disapear. >> >> > >> >> > I hope I was more clear about the problem. Thinks in >> advance for any >> >> > suggestion or solution. >> >> > >> >> > Marc >> >> > >> >> > On 9/18/06, *Marc-Andre Houle* < [EMAIL PROTECTED] >> <mailto:[EMAIL PROTECTED]> >> >> <mailto:[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> >> >> > <mailto: [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> >> <mailto:[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>>> wrote: >> >> > >> >> > I got a problem when using the tree. in wicket 1.2.2. >> >> > >> >> > In the context I am working on, I'm loading a list of >> node in >> >> the >> >> > tree. The problem is that the tree is sometimes not >> large >> >> enough. >> >> > >> >> > Here are the step I have done for now : >> >> > First, I wanted to check if the problem was the >> stylesheet we >> >> > use. It doesn't seem's too since the problem can be >> >> repeated in >> >> > the wicket Tree exemple.. When you use the simple >> tree in the >> >> > exemple and try to feed it with lot ant lot of sub >> folder or >> >> > entering a very long string, it finish by making >> disapear >> >> come of >> >> > the node. >> >> > >> >> > So, after that, I wanted to know what can provoke the >> problem. I >> >> > have found that the wicket-tree style in the CVS set >> a width >> >> for the >> >> > tree. >> >> > >> >> > div.wicket-tree { >> >> > white-space: nowrap; >> >> > border: 1px solid #ccc; >> >> > width: 20em; >> >> > overflow: auto; >> >> > margin: 10px; >> >> > line-height: 1.5em; >> >> > } >> >> > >> >> > I tried to overwrite this with auto, 100% or anything >> like that. >> >> > But finally, it does nothing more interesting. I >> can put a >> >> larger >> >> > number, like 40, but it will be ugly on the screen >> 98% of the >> >> time. >> >> > >> >> > Is it possible to make this panel autosizeable or >> having a >> >> > horizontal scrooling bar. I mean, is there a way to >> make it look >> >> > fancier for an all time usage without having object >> disaprearing >> >> > when there is a long horizontale line to >> display. I'm not >> >> much in >> >> > CSS coding, so I probably didn't try everything. >> >> > >> >> > Thanks in advance. >> >> > Wicket is the best Framwork I ever used. It is the >> first real >> >> > trouble I got for now and I'm sure it is nothing big. >> >> > >> >> > Marc >> >> > >> >> > >> >> > >> >> > >> >> >> >> ---------------------------------------------------------------------- >> -- >> >> >> > >> >> > >> >> >> > ------------------------------------------------------------------------- >> >> >> >> > Take Surveys. Earn Cash. Influence the Future of IT >> >> > Join SourceForge.net's Techsay panel and you'll get the >> chance to >> >> share your >> >> > opinions on IT & business topics through brief surveys -- > and >> >> earn cash >> >> > >> >> >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV> >> >> < >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV>> >> >> > >> >> > >> >> > >> >> >> > ------------------------------------------------------------------------ >> >> >> >> > >> >> > _______________________________________________ >> >> > Wicket-user mailing list >> >> > Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net> >> >> <mailto:Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net>> >> >> > https://lists.sourceforge.net/lists/listinfo/wicket-user >> >> >> >> >> >> >> >> ---------------------------------------------------------------------- >> --- >> >> >> Take Surveys. Earn Cash. Influence the Future of IT >> >> Join SourceForge.net 's Techsay panel and you'll get the >> chance to >> >> share your >> >> opinions on IT & business topics through brief surveys -- >> and earn cash >> >> >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV> >> >> < >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV>> >> >> _______________________________________________ >> >> Wicket-user mailing list >> >> Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net> >> >> <mailto:Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net>> >> >> https://lists.sourceforge.net/lists/listinfo/wicket-user >> >> >> >> >> >> >> >> >> > ------------------------------------------------------------------------ >> >> >> >> >> >> ---------------------------------------------------------------------- >> --- >> >> >> Take Surveys. Earn Cash. Influence the Future of IT >> >> Join SourceForge.net's Techsay panel and you'll get the chance >> to share your >> >> opinions on IT & business topics through brief surveys -- and >> earn cash >> >> >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV> >> >> >> >> >> >> >> >> ---------------------------------------------------------------------- >> -- >> >> >> >> >> _______________________________________________ >> >> Wicket-user mailing list >> >> Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net> >> >> https://lists.sourceforge.net/lists/listinfo/wicket-user >> > >> > >> > >> >> ---------------------------------------------------------------------- >> --- >> >> > Take Surveys. Earn Cash. Influence the Future of IT >> > Join SourceForge.net's Techsay panel and you'll get the chance to >> share your >> > opinions on IT & business topics through brief surveys -- and >> earn cash >> > >> > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV> >> > _______________________________________________ >> > Wicket-user mailing list >> > Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net> >> > https://lists.sourceforge.net/lists/listinfo/wicket-user >> <https://lists.sourceforge.net/lists/listinfo/wicket-user> >> > >> >> >> > ------------------------------------------------------------------------- >> Take Surveys. Earn Cash. Influence the Future of IT >> Join SourceForge.net's Techsay panel and you'll get the chance to >> share your >> opinions on IT & business topics through brief surveys -- and earn > cash > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > <http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV> >> _______________________________________________ >> Wicket-user mailing list >> Wicket-user@lists.sourceforge.net >> <mailto:Wicket-user@lists.sourceforge.net> >> https://lists.sourceforge.net/lists/listinfo/wicket-user >> >> >> >> ---------------------------------------------------------------------- >> -- >> >> ---------------------------------------------------------------------- >> --- Take Surveys. Earn Cash. Influence the Future of IT Join >> SourceForge.net's Techsay panel and you'll get the chance to share >> your opinions on IT & business topics through brief surveys -- and >> earn cash >> http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEV >> DEV >> >> >> ---------------------------------------------------------------------- >> -- >> >> _______________________________________________ >> Wicket-user mailing list >> Wicket-user@lists.sourceforge.net >> https://lists.sourceforge.net/lists/listinfo/wicket-user > > > ------------------------------------------------------------------------- > Take Surveys. Earn Cash. Influence the Future of IT Join SourceForge.net's > Techsay panel and you'll get the chance to share your opinions on IT & > business topics through brief surveys -- and earn cash > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > _______________________________________________ > Wicket-user mailing list > Wicket-user@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/wicket-user > > > ------------------------------------------------------------------------- > Take Surveys. Earn Cash. Influence the Future of IT > Join SourceForge.net's Techsay panel and you'll get the chance to share your > opinions on IT & business topics through brief surveys -- and earn cash > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > _______________________________________________ > Wicket-user mailing list > Wicket-user@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/wicket-user > ------------------------------------------------------------------------- Take Surveys. Earn Cash. Influence the Future of IT Join SourceForge.net's Techsay panel and you'll get the chance to share your opinions on IT & business topics through brief surveys -- and earn cash http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV _______________________________________________ Wicket-user mailing list Wicket-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/wicket-user
