Help Lists in Tabs

Discussion in 'Feedback & Assistance' started by Amaury, Jan 26, 2015.

  1. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    In there a reason why bullet list points are different within tabs?

    Outside of Tabs:
    • Test 1
    • Test 2

    Inside of Tabs:
    • See signature
     
  2. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    An open circle is used for second-level items in a list, like so:
    • First level
      • Second level
    A second level list item works as such in HTML:
    HTML:
    <ul>
        <li>First level</i>
        <ul>
            <li>Second level</li>
        </ul>
    </ul>
    And the page automatically renders the items in the second ul -- the list within the list -- as open circles (or whatever you have second level lists icons set as).

    The bbcode tabs are actually an unordered list. Here's a simplified example of the parsed HTML behind the tabs:
    HTML:
    <ul class="tabs mainTabs Tabs">
        <li class="bbTab active"><a href="#tab_1" class="active">This is a tab</a></li>
        <li class="bbTab"><a href="#tab_2">This is another tab</a></li>
        <li class="bbTab"><a href="#tab_3">And another</a></li>
    </ul>
    <ul class="tabsContent" id="tabContainer_#">
        <li id="tab_1" class="bbTabContent">Content in first tab</li>
        <li id="tab_2" class="bbTabContent">Content in second tab</li>
        <li id="tab_3" class="bbTabContent">Content in third tab</li>
    </ul>
    So by putting a list within a tab, you're effectively putting a list within a list, and therefore creating second-level list items.