Drawing seperator (Line) between widgets

2,959 views
Skip to first unread message

Arul

unread,
Dec 15, 2008, 7:02:47 AM12/15/08
to Google Web Toolkit
Hi,
Would you please help me How I can draw line(Horizontal or
Vertical) between widgets?.
I understand it is web tool kit, but supposed to give importance to
this areas as well. The core idea is to replace presentation layer.
Pease reply with out re-directing to some where.

Thanks
Arul

Isaac Truett

unread,
Dec 15, 2008, 10:03:01 AM12/15/08
to Google-We...@googlegroups.com
You could use a border, an image (preferably a small repeating one), a
div with a background color, or any other technique you would normally
employ in HTML.

Arul

unread,
Dec 15, 2008, 11:04:52 AM12/15/08
to Google Web Toolkit
Hi,
I tried but no solution found.
Here I need to group elements after that I need to draw line between
different groups.

I believe there must be easy way to do that. It would be nice if
anyone send the code in GWT.
what surprising is none of the examples not shown these kind of
things.

Normally if a presentation layer is like VB then there would be
component available in to have these features.
Wonder why GWT does not have it.

Thanks
Arul

Kevin Tarn

unread,
Dec 15, 2008, 11:20:21 AM12/15/08
to Google-We...@googlegroups.com
You can try below example:

VerticalPanel vp = new VerticalPanel();
vp.setStyleName("Seperator");
Tool.add(vp);  // Tool is your holder of group elements

In your css, please add:

.Seperator {
   /* 1px width, solid silver color separator */
    background: 1px solid silver;
    width: 1px;
    height: 100%;
}

Best
Kevin

rakesh wagh

unread,
Dec 15, 2008, 7:16:39 PM12/15/08
to Google Web Toolkit
Horizontal:
new HTML("<hr/>");


Vertical:
new HTML(" <table style='display:inline;border-
collapse:collapse;border:0'><tr><td style='padding:0'><img
src='transparent.gif' width='2' height='600'
style='background:black'></td></tr></table>");

Alejandro D. Garin

unread,
Dec 16, 2008, 5:53:23 AM12/16/08
to Google-We...@googlegroups.com
Try usíng a CaptionPanel
--
Sent from Gmail for mobile | mobile.google.com

Arul

unread,
Dec 16, 2008, 9:06:45 AM12/16/08
to Google Web Toolkit
Hi Rakesh,
Your idea of adding <hr> element using new HTML() worked.
Thanks
Arul
Reply all
Reply to author
Forward
0 new messages