PDA

View Full Version : TabPanel CSS is not working in Firefox



rameshr
24 Nov 2009, 2:14 AM
Hi all, im trying to apply CSS to TabPanel.its working fine in Internet Explorer but not working in Firefox.Why?

----------------------------------------------------------------------------------------

<following is my java code>
-------------------------------------
TabPanel tp = new TabPanel();
TabItem tab1 = new TabItem("tab1");
TabItem tab2 = new TabItem("tab2");
TabItem tab3 = new TabItem("tab3");
TabItem tab4 = new TabItem("tab4");
tp.add(tab1);
tp.add(tab2);
tp.add(tab3);
tp.add(tab4);
tp.addStyleName("ohana-tab-panel");
RootPanel.get().add(tp);
--------------------------------------------------------------------------------------

<my html code>
----------------------
<link type="text/css" rel="stylesheet" href="css/gxt-all.css">
<link type="text/css" rel="stylesheet" href="css/test.css"
----------------------------------------------------------------------------------------



my css code
-------------------

.ohana-tab-panel .x-tab-strip-top .x-tab-right {
background:none !important;
padding-left:12px;
padding-right:15px;
background-color:#cac8c9;
}
.ohana-tab-panel .x-tab-strip-top .x-tab-left {
background:none !important;
background-color:#cac8c9;
padding-right:0px;
}
.ohana-tab-panel .x-tab-strip-top .x-tab-strip-inner {
background:none !important;
background-color:#cac8c9;
}

----------------------------------------------------------------------------------------



Thanks
R.Ramesh