|  | HTML |  |
|  | Splash! |  |
|  | PostScript |  |
| Template Toolkit Examples: Splash! Library: Bars |

| button
|  | bar |  |
menu |
# Bars The splash/bar template is a variation on splash/button, having rounded corners at the top and square corners at the bottom (or vice-versa when the 'invert' flag is set true). It can be used to create rounded header/footer bars for panels, simple tabs, and so on.
Source #1:
    [% INCLUDE splash/bar
        content="Hello World"
    %]
| Output #1:
| Hello World |
Source #2:
    [% WRAPPER splash/bar invert=1 -%]
    Hello World
    [% END %]
| Output #2:
| Hello World |
Source #3:
    [% WRAPPER splash/bar
        style=splash.style.select -%]
    Hello World
    [% END %]
| Output #3:
| Hello World |
Source #4:
    [% WRAPPER splash/bar + splash/text
        style=splash.style.select -%]
    Hello World
    [% END %]
| Output #4:
| Hello World |
Source #5:
    [% WRAPPER splash/bar
        col   = 'grey75'
        align = 'right'
        width = '50%'
    -%]
    Hello World
    [%- END %]
| Output #5:
| Hello World |
Source #6:
    [% col   = 'grey75'
       bgcol = 'grey50'
    %]

    <table border=0 cellpadding=8
           bgcolor="[% splash.rgb.$bgcol %]">
    <tr>
      <td>
        [% INCLUDE splash/bar content="Hello World" %]
      </td>
    </tr>
    </table>
| Output #6:
| Hello World |
Source #7:
    [% width = '50%' %]

    [% WRAPPER splash/bar %]
    The Poetry of the Language
    [% END %]

    <br>

    [% WRAPPER splash/frame %]
       <tr>
          <td>Hey</td>
          <td>Dude</td>
       </tr>
       <tr>
          <td colspan=2>
            Don't lean on me, man
          </td>
       </tr>
    [% END %]

    <br>

    [% INCLUDE splash/bar invert=1 %]
| Output #7:
| The Poetry of the Language |
Hey | Dude
Don't lean on me, man
Source #8:
    [%  width  = '50%'
        pad    = 6
    %]

    [% WRAPPER splash/bar %]
    <b>Scattered Work</b>
    [% END %]

    [% WRAPPER splash/frame + splash/panel %]
    The artificial separation of houses and
    work creates intolerable rifts in people's
    inner lives.
    [% END %]

    [% WRAPPER splash/bar + splash/text
        link   = "tab.html"
        invert = 1
        align  = 'right'
    %]
    <i>more...</i>
    [% END %]
| Output #8:
| Scattered Work |
The artificial separation of houses and work creates intolerable rifts in people's inner lives.
| more... |