|  | 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... |