Link line feed

Vaadin 6 / 7 / 8 Framework UI
1

I have a grid of links where the links need to divide into several lines.

But I haven’t been able to make line feed to the Link-elements. Am I just being really simple for not getting it?

Thanks in advance.

2

I didn’t really understand what you’re looking for. You want a grid of x times y cells? Create a GridLayout with a button (as link) in every cell.


 -----
|x|x|x|
|-|-|-|
|x|x|x|
 -----
2 times 3 gridlayout where x represents a link.

Can you describe your problem a little more and I’ll may give you some more input

3

Yes, grid is pretty much just like that (2 rows, 6 cols). There’s a link inside every grid cell, but because the link texts are long and there’s not enough width, one link should split to 2 or 3 lines.

And for some reason, the links won’t line feed. They just go “off” the grid because they are too wide. I’ve tried to .setWidth() to the link-elements, link spans and layouts that include the link (I placed the link inside a Horizontallayout and added it to the grid).

Did this clear it up at all?

4

Links are “nowrap” by default. You can enable wrapping with css=

.i-link {
   white-space:normal;
}
5

yup. That’s the one. I had this same problem just a week ago or so: http://forum.itmill.com/posts/list/745.page

6

Yup, that did it. Thanks!