Spry Tabbed Panels
- Tab 1 Label
- Tab 2 Label
- Tab 2 Label
In ligula. Suspendisse et velit. Pellentesque mauris. Etiam nec sapien. Donec ut mi. Morbi eget massa pharetra sem cursus luctus. Pellentesque tempor rhoncus dolor. Nullam felis. Phasellus sollicitudin nunc eu justo tristique mollis. Phasellus tortor nisi, interdum aliquam, dictum sit amet, aliquam eu, odio. Curabitur ullamcorper, odio nec egestas placerat, sem lorem congue magna, et tempus ligula libero vitae libero. Vivamus ac ligula. In viverra. Donec eleifend tincidunt tellus. Integer rutrum convallis ipsum. Aenean quis purus. Nam sollicitudin, est vel accumsan sodales, pede dolor consectetuer arcu, pretium vestibulum est erat in elit. Nam commodo. Quisque ac ligula. Fusce elit turpis, mollis imperdiet, hendrerit non, auctor eu, purus.
Mauris venenatis nulla a turpis. Aliquam commodo, felis et gravida vulputate, libero massa volutpat turpis, vitae accumsan mauris leo condimentum velit. Vivamus sit amet est eget lacus porttitor vestibulum. Vivamus sollicitudin est vitae urna. Cras felis purus, viverra non, consectetuer a, ornare quis, nisl. Etiam eget neque. Morbi eget dui. Curabitur fringilla, nunc ut pharetra iaculis, sapien nulla fringilla tellus, eget dictum lacus leo vel felis. Proin tincidunt, est vitae adipiscing viverra, justo erat convallis dolor, quis condimentum orci orci a sapien. Etiam vitae leo ut magna porta pulvinar. Fusce tristique lacus nec purus. Sed vel ante in turpis vulputate placerat. Nunc id nulla. Nam massa metus, pulvinar semper, scelerisque quis, elementum non, pede. Vestibulum eleifend. Suspendisse in nunc at felis rutrum viverra. Proin quis nulla et tortor imperdiet fermentum. Mauris faucibus, ipsum ac mattis venenatis, leo nisl egestas tortor, id consectetuer dolor pede in dolor. Nullam euismod pede id urna tincidunt interdum. Donec vitae turpis non libero sagittis ultricies.
In ligula. Suspendisse et velit. Pellentesque mauris. Etiam nec sapien. Donec ut mi. Morbi eget massa pharetra sem cursus luctus. Pellentesque tempor rhoncus dolor. Nullam felis. Phasellus sollicitudin nunc eu justo tristique mollis. Phasellus tortor nisi, interdum aliquam, dictum sit amet, aliquam eu, odio. Curabitur ullamcorper, odio nec egestas placerat, sem lorem congue magna, et tempus ligula libero vitae libero. Vivamus ac ligula. In viverra. Donec eleifend tincidunt tellus. Integer rutrum convallis ipsum. Aenean quis purus. Nam sollicitudin, est vel accumsan sodales, pede dolor consectetuer arcu, pretium vestibulum est erat in elit. Nam commodo. Quisque ac ligula. Fusce elit turpis, mollis imperdiet, hendrerit non, auctor eu, purus.
Support
- Referenced script: http://med.stanford.edu/Templates/SpryAssets/SpryTabbedPanels.js
- Referenced CSS: http://med.stanford.edu/Templates/SpryAssets/SpryTabbedPanels.css
Customization
To customize the visual display of the spry device, analyze the CSS stylesheet for relevant classes, and modify them via page-level styles, added to the editable area of the head code, right after the comment that reads "<!-- PUT SUPPLEMENTAL STYLES AND SCRIPTS HERE -->" Here's an example page-level style:
<style type="text/css">
<!--
..TabbedPanelsTab {background-color: #ECECEC;}
-->
</style>
Customization of behavior is not recommended; localized and customized versions of the scripts will not be supported by IRT.
Additional documentation
See the Adobe Labs Spry site for lots more information, tutorials, tips and techniques.
Wikis hosted by IRT