|  | HTML |  |

|  | Splash! |  |

|  | PostScript |  |

| Template Toolkit Examples: Splash! Library: Bordered Boxes |

| panel

|  | box |  |

hair |

# Bordered Boxes

The splash/box element is a single panel within a frame.

Source #1:

    [% INCLUDE splash/box
               content = 'Box Content'
    %]

Output #1:

Box Content

Source #2:

    [% WRAPPER splash/box %]
    <h3>A Pattern Language</h3>

    Christopher Alexander et al.
    <br>
    Oxford University Press, 1977
    <br>
    ISBN: 0-19-501919-9

    [% END %]

Output #2:

### A Pattern Language

Christopher Alexander et al.
Oxford University Press, 1977
ISBN: 0-19-501919-9

Source #3:

    [% # use "select" style
       WRAPPER splash/box
               style = splash.style.select
    %]
    <h3>Towns</h3>

    We begin with that part of the language
    which defines a town or community.  These
    patterns can never be "designed" or "built"
    in one fell swoop - but patient, piecemeal
    growth, designed in such a way that every
    individual act is always helping to create
    or generate these larger global patterns,
    will, slowly and surely, over the years,
    make a community that has these global
    patterns in it.

    [% END %]

Output #3:

### Towns

We begin with that part of the language which defines a town or community. These patterns can never be "designed" or "built" in one fell swoop - but patient, piecemeal growth, designed in such a way that every individual act is always helping to create or generate these larger global patterns, will, slowly and surely, over the years, make a community that has these global patterns in it.

Source #4:

    [% # set options directly
       WRAPPER splash/box
    	   border = 5
    	   pad    = 10
    %]

    <h3>Carnival</h3>

    Just as an individual person dreams
    fantastic happenings to release the
    inner forces which cannot be encompassed
    by ordinary events, so too a city needs
    its dreams.

    [% END %]

Output #4:

### Carnival

Just as an individual person dreams fantastic happenings to release the inner forces which cannot be encompassed by ordinary events, so too a city needs its dreams.

Source #5:

    [% # set options directly
       WRAPPER splash/box
    	   col    = 'scarlet'
    	   bgcol  = 'grey75'
    	   border = 1
    	   pad    = 6
    %]
    <h3>Home Workshop</h3>

    Make a place in the home, where substantial
    work can be done; not just a hobby, but a
    job.  Change the zoning laws to encourage
    modest, quiet work operations to locate in
    neighborhoods.  Give the workshop perhaps
    a few hundred square feet; and locate it so
    it can be seen from the street and the owner
    can hang out a shingle.

    [% END %]

Output #5:

### Home Workshop

Make a place in the home, where substantial work can be done; not just a hobby, but a job. Change the zoning laws to encourage modest, quiet work operations to locate in neighborhoods. Give the workshop perhaps a few hundred square feet; and locate it so it can be seen from the street and the owner can hang out a shingle.

Source #6:

    [% WRAPPER splash/box
    	   col = 'grey25'
               pad = 0;
       WRAPPER splash/button
               width = '100%'
               bgcol = 'grey25'
    	   col   = 'grey75'
    	   align = 'left'
    %]

    <h2>Flyweight</h2>

    <ul>
      <h3>Intent</h3>
      Use sharing to support large numbers of fine-grained
      objects efficiently.
    </ul>

    [% END; END %]

Output #6:

## Flyweight

### Intent

Use sharing to support large numbers of fine-grained objects efficiently.