how to modify the css of gwt-TabLayoutPanelContent

74 views
Skip to first unread message

tong123123

unread,
Dec 4, 2012, 4:49:32 AM12/4/12
to google-we...@googlegroups.com
I remove the tab bar by passing 0px in the constructor of TabLayoutPanel, but then I found there is a outline surround the datagrid <thead> inside (as shown in the attachment), I use IE8 debug mode and found that this is due to the
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent{
   padding-top:6px;
   .......
}

I want to set the padding of gwt-TabLayoutPanel .gwt-TabLayoutPanelContent to 0px for this TabLayoutPanel only, I try to use \
TabLayoutPanel.addStyleNme("nopaddingcssclass");

but no use.
so how to modify the padding properties of .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent for this TabLayoutPanel only?
tablayoutpanel.jpg

tong123123

unread,
Dec 4, 2012, 9:55:11 PM12/4/12
to google-we...@googlegroups.com
if modifying the standard.css, it will affect all the tablayoutpanel, it is difficult to change just one tablayoutpanel
.gwt-TabLayoutpanel .gwt-TabLayoutPanelContent
css class padding property, right?

Reply all
Reply to author
Forward
0 new messages