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.