PDA

View Full Version : Tab Panel Styling



MarcT
14 Feb 2012, 11:36 AM
I created a simple TabPanel, expecting it to appear like the one in the example. However, the first tab is indented 40px due to the -webkit-padding-start style that Chrome is applying to <ul> elements by default, and a margin-bottom of 13px that I have no idea about. I don't see any special calls or css in your example to make that go away, and I can't figure out how to apply my own style to the <ul> element. I saw a suggestion to add a rule for ul.x-tab-strip in my css, but that had no effect. When I look at the <ul> element in Chrome's DevTools, it has class="GCYVWCOCKTB GCYVWCOCEUB".

Can someone help me figure this out? Thanks!

sven
14 Feb 2012, 11:37 AM
You are probably not adding the reset.css file, correct? ;)

MarcT
14 Feb 2012, 11:44 AM
Thanks, sven! That was it.