Hi all,
I am having problems with my tabcontainer due to unfamiliarity with tabs CSS.
I have a tabcontainer with 2 tabpanels but the tab panels buttons become mixed with the tab content.
I tried adjusting the height of the tabpanel but it doesn't really solved my problem.
Example : http://tinypic.com/r/a13ic2/5 (Picture of gridview by the right side)
And i also have a doubt on this when i researched
Tabs Css classes
- .ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
- .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
- .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
- .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
- .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
- .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
- .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
I don't really know what the description is explaining about for all except the last point.