Hi all,

Want to add a Menu Item Separator to a Menu Bar using the UiBinder?
Here is a workaround.

It is not possible to do this:
<g:MenuBar vertical="true">
  <g:MenuItem>First Menu Bar Item</g:MenuItem>
  <g:MenuItemSeparator></g:MenuItemSeparator>
  <g:MenuItem>Last Menu Bar Item</g:MenuItem>
</g:MenuBar>

As only MenuItems are allowed in the MenuBar, however, a cheeky
workaround is to make a MenuItem look like a MenuItemSeparator, like
this:

<g:MenuItem styleName="gwt-MenuItemSeparator"><div
class="menuSeparatorInner"></div></g:MenuItem>

So your code will be this:
<g:MenuBar vertical="true">
  <g:MenuItem>First Menu Bar Item</g:MenuItem>
  <g:MenuItem styleName="gwt-MenuItemSeparator"><div
class="menuSeparatorInner"></div></g:MenuItem>
  <g:MenuItem>Last Menu Bar Item</g:MenuItem>
</g:MenuBar>


If anyone has a better way, please post.

Thanks.

-- 
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 more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to