widget:tab

Purpose

Defines a single tab for the Tabs widget. May contain an optional widget:load element for AJAX-loaded tabs.

Contained by

Contains

Attribute groups

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget">
  <head>
    <title>widget:tab</title>
    <style type="text/css">
      #firstTab::mcs-label {
        content: 'Tab1';
      }
      #firstTab::mcs-label:active {
        font-weight: bold;
      }
      #secondTab::mcs-label {
        content: 'Tab2';
      }
      #secondTab::mcs-label:active {
        font-weight: bold;
      } 
    </style>
  </head>
  <body>
    <widget:tabs>
      <widget:tab id="firstTab">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus non mi.</p>
      </widget:tab>
      <widget:tab id="secondTab">
        <p>Vivamus nisl pede, pellentesque sed, sagittis at, tincidunt vitae, ligula.</p>
      </widget:tab>
    </widget:tabs>
  </body>
</html>

Related topics