float: left worked perfectly - thank you very much!
On Saturday, August 25, 2012 4:55:59 AM UTC+1, Alfredo Quiroga-Villamil
wrote:
This should be of help:
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#LayoutPanels
HorizontalPanel is a bit trickier. In some
This should be of help:
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#LayoutPanels
HorizontalPanel is a bit trickier. In some cases, you can simply
replace it with a DockLayoutPanel, but that requires that you specify
its childrens' widths explicitly. The most common
DecoratorPanel uses a table element to wrap the widget in a 9-box, and
table elements are not naturally inlined. You have two options:
*Option 1:* Apply the inline-block style to the DecoratorPanel to make it
display inline.
decoratorPanel.addStyleName(CommonResources.getInlineBlockStyle()); //
Like inline-block, there's also inline-table. I'm not sure how good
browser support is for these (I'm looking at you, IE6). If
inline-table works, you don't need the wrapper SimplePanel. If
inline-table doesn't work but inline-block does, then use the wrapper
SimplePanel.
The other option is to
Brian, John,
Thanks.
I used the inline-block style and it works.
Luigi
On 11 Mar 2011, at 17:00, Brian Reilly wrote:
Like inline-block, there's also inline-table. I'm not sure how good
browser support is for these (I'm looking at you, IE6). If
inline-table works, you don't need the wrapper
FlowPanel renders as a div, which has a default width of 100%. The
only block-level element I'm aware of that shrinks horizontally to fit
its content is a table. You can try using display: table; on the div,
but you'll have trouble with IE support. You may just have to use an
actual table to get
Hi Brian,
Thanks for the reply. (I solved the initial problem by biting the
bullet, and switching to a table. But I'm still curious about this.)
So, if I understand you correctly, I could have an HTMLPanel Cell that
acts as a FlowPanel, and a Container Widget that added 'new HTML
(span
Now I'm not sure if you're trying to prevent wrapping within a table
cell or if you're still considering not using a table and preventing
wrapping between form fields and their labels. However, the solution
is pretty much the same either way.
I think you have the right idea, but using a
On Tue, Nov 30, 2010 at 12:41 PM, Greg Dougherty dougherty.greg...@mayo.edu
wrote:
I have created a FlowPanel that contains 4 ListBoxes and a button. I
wanted to put some space between the items, so I added empty
HorizontalPanels (with padding: 3px;) as spacers in between each
item.
Ah, thanks.
I tried adding padding to my ListBoxes. That caused the inside of the
box to grow, but did not put any space between the borders of the
adjacent boxes, which is the behavior I want.
I put them in a FlowPanel because I want them to flow, one two or
three items per line, depending on
Inserting block-level elements (div, p, etc.) cause exactly what
you're seeing in terms of wrapping, so there isn't any bug there.
So you're saying there's no way to have two elements (say a label and
the thing it's labeling) always stay together within an operable
FlowPanel, since all the ways
First, let's separate two concepts. You suggested using a custom widget to
bundle two things together. While that may bundle them together from a
source code point of view, that custom widget it ultimately rendered as
HTML. Therefore, HTML ultimately defines the rules for how your content will
be
Unfortunately this doesn't have anything to do with GWT. Floating
elements to the right always place the first element to the far right
and the next to the left of it.
One thing you could try is putting this elements in a span with
display=inline-block and then floating that span to the right.
No ideas?
Magnus
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For
That should work
2010/9/1 brendan brendanpdohe...@gmail.com
Should I be able to the standard DateBox with uiBinder?
I'm getting an error message saying: g:FlowPanel can contain only
widgets, but found d:DateBox ui:field='startDate'
!DOCTYPE ui:UiBinder SYSTEM
It should, but it isn't. I'll raise a bug.
08:45:04.685 [DEBUG] [...] Rebinding
com.example.client.MyViewImpl.Binder
08:45:04.690 [DEBUG] [...] Invoking
com.google.gwt.dev.javac.standardgeneratorcont...@46815882
08:45:04.765 [ERROR] [...] g:FlowPanel can contain only widgets, but
found d:DateBox
Thanks for the effort putting together that demo.
The problem turns out to be a little typo, was missing a colon in
urn:import com.google.gwt.user.datepicker.client.
On Sep 2, 9:11 am, Gal Dolber gal.dol...@gmail.com wrote:
Just test it and it works fine.
Try the demo attached.
2010/9/1
Thanks, works like a charm :-)
On 27 Feb, 17:57, kozura koz...@gmail.com wrote:
Throw a float:left style on all the labels and they'll flow left to
right, this lets you sortof replace Horizontal and Vertical panels
with this div-based approach.
Hi,
Labels are transformed into divs, which have display: block by
default. So they naturally stack up vertically (similar to paragraphs
p).
Chris
On Feb 27, 2:19 pm, Dalla dalla_man...@hotmail.com wrote:
Hi all
I´m having an issue using FlowPanel inside the center element of a
Throw a float:left style on all the labels and they'll flow left to
right, this lets you sortof replace Horizontal and Vertical panels
with this div-based approach. See
http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Standards
--
You received this message because you are
Hi
Actually I need to use the FlowPanel, I need to list my widgets in a flow
way horizontally, the vertical panels that I'm trying to add them to the
flow panel has a width also a height, but it didn't work, also I tried to
put each vertical panel in a horizontal panel but I got the same result,
Hi,
Put a HorizontalPanel on each VerticalPanel:
HorizontalPanel hp1 = new HorizontalPanel();
vp1.add(hp1);
To be honest, I don't really understand GWT's layout handling but this works
everytime for me, when I'd like to change the size of a panel in both
horizontal and vertical direction.
Hi,
thanks Tamas for your reply.
I need to use the flow panel to control over the flow layout, which means,
If I have many panels in the flow panel, and I removed one of them in the
middle, the flow panel suppose to layout it again to do a shift for those
panels that are after the removed one.
Set the VP's 'display' property to 'inline'.
And maybe ask yourself if you really need VPs (tables) or whether more
flowpanels (simple divs) would do.
Ian
http://examples.roughian.com
2009/9/9 Rami Alkhalyleh rkhaly...@gmail.com
Hi,
thanks Tamas for your reply.
I need to use the flow
Thanks a lot Ian
with display=inline, it's working fine
thanks
On Wed, Sep 9, 2009 at 2:24 PM, Ian Bambury ianbamb...@gmail.com wrote:
Set the VP's 'display' property to 'inline'.
And maybe ask yourself if you really need VPs (tables) or whether more
flowpanels (simple divs) would do.
I think you'll need 'inline-block' for IE
On Sep 9, 2:20 pm, Rami Alkhalyleh rkhaly...@gmail.com wrote:
Thanks a lot Ian
with display=inline, it's working fine
thanks
On Wed, Sep 9, 2009 at 2:24 PM, Ian Bambury ianbamb...@gmail.com wrote:
Set the VP's 'display' property to 'inline'.
upps:
inline for IE
inline-block for everything else
On Sep 9, 6:52 pm, mars1412 martin.trum...@24act.at wrote:
I think you'll need 'inline-block' for IE
On Sep 9, 2:20 pm, Rami Alkhalyleh rkhaly...@gmail.com wrote:
Thanks a lot Ian
with display=inline, it's working fine
thanks
On
Why do you say inline-block and not inline?
Ian
http://examples.roughian.com
(BTW FF2 and below doesn't support inline-block)
2009/9/9 mars1412 martin.trum...@24act.at
upps:
inline for IE
inline-block for everything else
On Sep 9, 6:52 pm, mars1412 martin.trum...@24act.at wrote:
I
Hi
You must add your vertical panel in a horizontal panel or decrease
vertical panel width.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to
On 08/21/2009 07:31 AM, Richard wrote:
Hi all,
I'm new to GWT and I've tryed to display some labels in a flow
panel. Unfortunately they are displayed as in a VerticalPanel. Where
am I wrong ? (gwt 1.7, eclipse 3.3, App engine 1.2.2)
I think the issue is that the FlowPanel widget uses
try this:
public void onModuleLoad() {
FlowPanel flow = new FlowPanel();
flow.setWidth(100%);
for(int i = 0 ; i 10 ; i++) {
Label l = new Label(Label+i);
l.getElement().getStyle().setProperty(display, inline);
flow.add(l);
}
I have finally found the InlineLabel which match this purpose. Thank
you for yours propositions.
Richard.
On 21 août, 16:31, Richard richard.fa...@gmail.com wrote:
Hi all,
I'm new to GWT and I've tryed to display some labels in a flow
panel. Unfortunately they are displayed as in a
Hey Memo,
It turns out that a FlowPanel is just a div. But in general, a good
strategy for finding out how to style GWT widgets and their
subcomponents is to look at them with Firebug or the web inspectors
that come with Google Chrome or Safari.
If you want to read up on how to set styles to
Oh, Thank you, this article is great... css can give me a headache
sometimes but I will understand css styling a lot better now =)
Thank you very much.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web
Also, the javadoc tells you what CSS names are used for any given UI
component.
FlowPanel does not have any
http://google-web-toolkit.googlecode.com/svn/javadoc/1.6/com/google/gwt/user/client/ui/FlowPanel.html
An example of one that has a CSS is
Yeah.. I was confused because I wasn't able to find any components for
the FlowPanel...now I don't it doesn't have any.
Thank you for your answer :)
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit
set the DPs to display:inline
Ian
http://examples.roughian.com
2009/3/31 alex.d alex.dukhov...@googlemail.com
Hi folks,
i'm having some annoying issue with FlowPanel having DisclosurePanels
in it. I would excpect flowpanel to to place disclosurepanels
horizontally but instead it is
Thx Ian,
it worked though it has one sideeffect. Now all the DPs are vertically
alligned on the bottom edge of the FP. When one DP is opened it
streches the FlowPanel vertically and all the other DPs are shifted
down. It's better than it was with HorizontalPanel but still, i
think, not exactly
...just checked - it's IE that is having this sideeffect. FF is
working as expected.
On 31 Mrz., 14:26, alex.d alex.dukhov...@googlemail.com wrote:
Thx Ian,
it worked though it has one sideeffect. Now all the DPs are vertically
alligned on the bottom edge of the FP. When one DP is opened it
FlowPanel fp = new FlowPanel();
fp.getElement().getStyle().setProperty(border, 1px dotted red);
DisclosurePanel dp;
fp.add(dp = new DisclosurePanel(DP1));
dp.setContent(new HTML(Content));
dp.setWidth(200px);
Right! vertical-align it is. Thank you Ian.
On 31 Mrz., 14:50, Ian Bambury ianbamb...@gmail.com wrote:
FlowPanel fp = new FlowPanel();
fp.getElement().getStyle().setProperty(border, 1px dotted red);
DisclosurePanel dp;
fp.add(dp = new DisclosurePanel(DP1));
That's the way FlowPanel works. It's just a div tag. If you want
them to stay on the same row you have two options a) use CSS to
position them on the same row, or b) use HorizontalPanel which uses
tables.
--
Arthur Kalmenson
On Thu, Feb 5, 2009 at 9:57 AM, TIGR www.dzgr...@gmail.com wrote:
float:left;
Ian
http://examples.roughian.com
2008/12/7 mayop100 [EMAIL PROTECTED]
I'm trying to use a FlowPanel to lay out some widgets I created. I was
able to get it to lay out checkboxes and labels, just fine, but if I
add something more complex, like a Panel, everything shows up on
43 matches
Mail list logo