1. #1
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    34
    Vote Rating
    0
    Answers
    1
    MarcT is on a distinguished road

      0  

    Question Answered: Tab Panel Styling

    Answered: Tab Panel Styling


    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!

  2. You are probably not adding the reset.css file, correct?

  3. #2
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,715
    Vote Rating
    107
    Answers
    60
    sven is just really nice sven is just really nice sven is just really nice sven is just really nice

      0  

    Default


    You are probably not adding the reset.css file, correct?

  4. #3
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    34
    Vote Rating
    0
    Answers
    1
    MarcT is on a distinguished road

      0  

    Lightbulb


    Thanks, sven! That was it.

Tags for this Thread