You will need 3 things:
white-space: nowrap;
overflow: hidden;
max-width: 30px;
However, max-width is not fully supported in IE. You can fix this in
a couple ways.
1) Use IE's CSS expression.
2) CssResource has some ways of getting values and acting on them, but
I believe this is only run once.
3) (Best Option) Whenever you add or remove a tab or the window is
resized recalculate whether the max-width is exceeded and set the
width to max-width, if not set it to auto.
On Aug 11, 2:14 pm, Bhavik <bhavikr...@gmail.com> wrote:
> Hi,
>
> I am trying to set a max width value on the Tab-Bar item but it seems
> that the size of the item is always equivalent to the size of the text
> entered for the barItem.
> I am trying to implement a google chrome style tab panel structure
> where if the number of tab increases the size of each tab is
> readjusted.Is there any option to this.
>
> .gwt-TabBarItem {
> max-width: 30px;
> margin-right: 3px;
> margin-bottom: 2px;
> padding: 1px 5px;
> background-color: #C6CAB7;
> color: white;
> font-size: 10pt;
> cursor: pointer;
>
> }
>
> Thanks,
> Bhavik
--
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.
