css - TabPanel within TabPanel styling -
my app's layout consists of tappanel, holds tabpanel. i'd have 2 tabpanels differently. following gwt tutorial on applying styles did following:
tabpanel innertabpanel= new tabpanel(); //carrierstabpanel.setsize("100%", "100%"); innertabpanel.addstylename("inner-tabpanel"); .gwt-tabpanel .inner-tabpanel{ width: 100%; height: 100%; }
this, however, did not have effect whatsoever. tried following, didn't work either:
.inner-tabpanel{ width: 100%; height: 100%; }
so how can style 2 panels separately?
percentage values width , height relative parent, not window. as w3schools notes, % "defines width in percent of containing block".
if want see effect of rules, try setting background-color
or color
css property instead. instance, .inner-tabpanel { color: red}
set color of text in inner tab panel red, assuming there aren't other conflicting rules. in , other css debugging situations, firebug tool of first choice.
Comments
Post a Comment