|  | HTML |  |
|  | Splash! |  |
|  | PostScript |  |
| Template Toolkit Examples: Splash! Library: Button Bar with Descending Panel |

| tabsbox
|  | dropbox |  |
# Button Bar with Descending Panel The template/dropbox template creates a rounded button header bar with a descending panel.
Source #1:
    [% WRAPPER splash/dropbox
        title = "A Pattern Language"
    %]

    Extracts are taken from "A Pattern Language"
    <br>
    by Christopher Alexander et al.
    <br>
    Oxford University Press, 1977
    <br>
    ISBN: 0-19-501919-9

    [% END %]
| Output #1:
| A Pattern Language |
Extracts are taken from "A Pattern Language" by Christopher Alexander et al. Oxford University Press, 1977 ISBN: 0-19-501919-9
Source #2:
    [% title = INCLUDE splash/text
         col     = 'white'
         bold    = 1
         content = 'Towns'
    %]

    [% WRAPPER splash/dropbox
         align  = "center"
         col    = 'scarlet'
         edge   = 'scarlet'
         fill   = 'grey75'
         pad    = 5
         border = 1
    %]

    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 #2:
| 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 #3:
    [% title = INCLUDE splash/text
                       style   = splash.style.select
                       content = "Carnival"
    %]

    [% WRAPPER splash/dropbox
         style = splash.style.select
         width = "50%"
         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 #3:
| Carnival |
### 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 #4:
    [% WRAPPER splash/dropbox
          title = "<b>Home Workshop<b>"
          width = '50%'
          col   = 'scarlet'
          edge  = 'grey75'
          fill  = 'grey75'
          pad   = 10
    %]

    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 #4:
| 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 #5:
    [% title = INCLUDE splash/text
                       content = "Teenage Society"
                       style   = splash.style.select
    %]

    [% WRAPPER splash/dropbox
               col  = 'leaf'
               edge = 'bud'
               fill = 'mint'
               pad  = 10
    %]

    Replace the "high school" with an
    institution which is actually a model
    of adult society, in which the students
    take on most of the responsibility for
    learning and social life, with clearly
    defined roles and forms of discipline.
    Provide adult guidance, both for the
    learning, and the social structure of
    the society; but keep them as far as
    feasible, in the hands of the students.

    [% END %]
| Output #5:
| Teenage Society |
Replace the "high school" with an institution which is actually a model of adult society, in which the students take on most of the responsibility for learning and social life, with clearly defined roles and forms of discipline. Provide adult guidance, both for the learning, and the social structure of the society; but keep them as far as feasible, in the hands of the students.