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

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

asp.net - In javascript how to find the height and width -

c# - DataTable to EnumerableRowCollection -