Managed to figure it out from these links:

http://groups.google.com/group/google-web-toolkit/browse_thread/thread/b3c0e7038841e727/8d31c665c0902c73
http://groups.google.com/group/google-web-toolkit/browse_thread/thread/630f218e512ab48c/caf19d2172d5a4e2?lnk=gst&q=addstylenames#
http://groups.google.com/group/google-web-toolkit/browse_thread/thread/a4b087bcb484fdbf/974f240707daf2b6?lnk=gst&q=addstylenames#974f240707daf2b6

...and for anyone interested, here's the code:


    <ui:style field='local'>

        @external .gwt-TabLayoutPanelContent;
        .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent
        {
            border-color: #92c1f0;
            border-style: solid;
            border-width: 3px 2px 2px;
            overflow: hidden;
            padding: 6px;
        }

        @external .gwt-TabLayoutPanelTab;
        .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab
        {
            margin-left: 0px;
            padding: 3px 6px 3px 6px;
            cursor: pointer;
            cursor: hand;
            color: black;
            font-weight: bold;
            text-align: center;
            background: #d0e4f6;
        }

        @external .gwt-TabLayoutPanelTab-selected;
        .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected
        {
            cursor: default;
            background: #92c1f0;
        }

    </ui:style>

    <g:TabLayoutPanel ui:field="tabPanel" barUnit="PX" barHeight="20"
addStyleNames='{local.gwt-TabLayoutPanel}'>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to