WIP/Tabs

From LinnDocs
Jump to: navigation, search

A

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

b


Can this be between

Stationery

text?


Can this be between

text?


These are the

products These are the

Show dropdown
  • You can do anything you'd normally do in a dropdown
  • This box will fit in with the text.

Product

Show dropdown

This tab has a its bgcolor attribute set to bgcolor="salmon". Just defining a background-color style would not work.

Show dropdown
  • This dropdown menu demonstrates dropdown menus with multiple levels.
  • Hovering over a list item with further lists nested within it will cause the next level to show up
  • Hover over this item to see
    • This list now shows up.
    • Nested lists can also contain even more lists
    • See this item for example
      • This is a third level menu
    • This can go on for any amount of levels.
  • Multiple sub-menus are also allowed
    • Such as this one.
First tab.
Second tab.
Third tab.
Fourth tab.
This is a seperate tab. It demonstrates what happens if a tab has no inline or block attributes defined. If the tab contains a lot of text, it will automatically be forced to a new line, despite extra space being available at the end of the previous line.
This seperate tab isn't forced to a new line, since it's short enough.
This is a seperate tab that has an inline attribute defined. It will fit in with the text as normal text would, and it fills up any space that is left available after the previous line. This makes tabs with inline attributes a bit better at fitting in with the flow of text.
Despite fitting on the previous line, the block attribute forces this seperate tab to a new line
Show dropdown

This item is in an unordered list, so it allows in-line linking.

  1. This item and the next one are in an ordered list, so they turn links into list-items
  2. List-item links
  3. ...with a sub-menu that uses unordered lists again, so allows in-line linking again.
    1. And this sub-menu again creates...
    2. ...list-item links