CASE HEADER
DEPRECATEDRESPONSIVE BY DEFAULT
DEPRECATED
|
||||||||||||||||||||||||||||||||
|
|
DROPDOWNJS
DEPRECATED
BASIC DROPDOWNS
DEPRECATEDHELPING USERS WITH IMPAIRED VISION
Please refer to reference to Color Contrast Ratios.
FORMS
DEPRECATEDBASIC FORM
DEPRECATEDALIGNED FORM
DEPRECATEDSTACKED FORM
DEPRECATEDPREFIX / SUFFIX
DEPRECATEDGRID
REMOVEDBASIC GRIDS
NESTING GRIDS
REMOVEDRESPONSIVE GRIDS
REMOVEDNESTJS
REMOVED
BASIC NEST
REMOVEDPOCKETSJS
DEPRECATED
BASIC POCKETS
DEPRECATEDLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.
EXPAND / COLLAPSE
DEPRECATED| Board name | Board ID | Date Added | |
|---|---|---|---|
| Research Board for DV130 | 13 | 07/25/2014 | |
| [Demo] Walker v. Solo Queue | 25 | 10/01/2014 |
TABLES
DEPRECATEDFULL WIDTH TABLE
| One | Two | Three | Four |
|---|---|---|---|
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
BORDER OPTIONS
DEPRECATED| One | Two | Three | Four |
|---|---|---|---|
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
MORE STYLES
DEPRECATED| One | Two | Three | Four |
|---|---|---|---|
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
| One | Two | Three | Four |
TABLE GRID SYSTEM
REMOVED
|
TABSJS
REMOVED
SETTING UP TABS
Creating your first JTUX tab is a little lengthy, but once that's done, the next ones are easier to make. Here's how to make one:- Create a three by three table with the jtux-tabs class.
-
In the first and last rows,
- Leave the first and third cell blank.
- If you're on the first row, add the jtux-tabs-top class on the second cell.
- If you're on the last row, add the jtux-tabs-bottom class on the second cell.
- For either row, add the desired links to the second cell. For best results, each link should point to the ID of a JTUX frame.
-
In the middle row,
- If you're on the first cell, add the jtux-tabs-left class.
- If you're on the last cell, add the jtux-tabs-right class.
- For both cells, add the desired links. For best results, each link should point to the ID of a JTUX frame.
- For the second cell, add all the JTUX frames with a corresponding tab here.
- NOTE: Don't forget to place jtux.js. This is where most of the magic comes from.
|
|||||
