|  | HTML |  |

|  | Splash! |  |

|  | PostScript |  |

| Template Toolkit Examples: Splash! Library: Tabbed Box |

| hair

|  | tabbox |  |

tabset |

# Tabbed Box

The splash/tabbox element creates an outlined box with a tab attached on top.

Source #1:

    [% INCLUDE splash/tabbox
    	   title   = "Design Patterns"
               content = "ISBN: 0-201-63361-2"
    %]

Output #1:

|  | Design Patterns |  |

ISBN: 0-201-63361-2

Source #2:

    [% WRAPPER splash/tabbox
               title = 'Visitor'
    %]

    <h3>Intent</h3>
    <ul>
        Represent an operation to be performed
        on the elements of an object structure.
        Visitor lets you define a new operation
        without changing the classes of the
        elements on which it operates.
    </ul>

    [% END %]

Output #2:

|  | Visitor |  |

### Intent

Represent an operation to be performed on the elements of an object structure. Visitor lets you define a new operation without changing the classes of the elements on which it operates.

Source #3:

    [% WRAPPER splash/tabbox
               title = '<b>Iterator</b>'
    	   style = splash.style.select
    %]

    <h3>Intent</h3>

    <ul>
        Provide a way to access the elements of
        an aggregate object sequentially without
        exposing its underlying representation.
    </ul>

    [% END %]

Output #3:

|  | Iterator |  |

### Intent

Provide a way to access the elements of an aggregate object sequentially without exposing its underlying representation.

Source #4:

    [% title = INCLUDE splash/text
                       style   = splash.style.select
    		   content = 'Singleton'
    %]

    [% WRAPPER splash/tabbox
    	   border    = 1
    	   pad       = 6
    	   fill      = 'grey75'
    	   edge      = 'black'
               width     = '50%'
    	   tabwidth  = '65%'
    	   tablocate = 'left'
    	   tabalign  = 'center'
    %]

    <h3>Intent</h3>

    <ul>
        Ensure a class has one instance and provide
        a global point of access to it.
    </ul>

    [% END %]

Output #4:

|  | Singleton |  |

### Intent

Ensure a class has one instance and provide a global point of access to it.