On Wednesday, November 21, 2012 6:15:09 PM UTC+1, Thad wrote:I've got a button panel layout for which I'm trying to use a FlowPanel:<g:FlowPanel><g:PushButton><g:PushButton><g:ToggleButton><g:PushButton>The problem is that even if I double down by giving the FlowPanel a style that includes "block: inline-block", the ToggleButton breaks the flow and the next PushButton ends up below the ToggleButton, not in the line with the other buttons. Ditto if I use and HTMLPanel with a <span> and block: inline-block.I can fix the alignment by using HorizontalPanel but I understand that cell panels are "a bad thing." But is there any solution short of using a LayoutPanel with all it's baggage of layers and sizes? (A real pain, especially with Designer broken.)The problem is not the container, but the button: set "display: inline-block" on the ToggleButton itself (hoping it'll work, otherwise maybe wrap it in a <div style="display: inline-block">)
Thanks for the reply. When I apply "display: inline-block" to the ToggleButton itself, trades places with the next PushButton so I no longer have the order I desire (the ToggleButton triggers an action that either enables or disables the next PushButton--two in fact--so I want to keep this order).
If I apply "display: inline-block" to the next PushButton(s), the visual order is preserved, but that messes my enable|disable CSS, and I want to avoid the rat hole of modifying a lot of CSS. Ergo I'll stick with a HorizontalPanel or use an HTMLPanel with an interior <table>.
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/q7tRXdNfKGYJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
No comments:
Post a Comment