|  | HTML |  |

|  | Splash! |  |

|  | PostScript |  |

| Template Toolkit Examples: Splash! Library: Vertical Menus |

| menubar

|  | pulldown |  |

tab |

# Vertical Menus

The splash/menu component generates a menu as a series of splash/button elements stacked vertically.

Source #1:

    [% buttons = [
        { link => 'buttons.html', text => 'Buttons' }
        { link => 'menus.html',   text => 'Menus'   }
        { link => 'tabs.html',    text => 'Tabs'    }
       ]
    %]

    [% PROCESS splash/pulldown %]

Output #1:

| Buttons |

| Menus |

| Tabs |

Source #2:

    [% PROCESS splash/pulldown select=2 %]

Output #2:

| Buttons |

| Menus |

| Tabs |

Source #3:

    [% PROCESS splash/pulldown select=2 width='20%' %]

Output #3:

| Buttons |

| Menus |

| Tabs |

Source #4:

    [% splash.style.default.col.text = 'black' %]

    [% PROCESS splash/pulldown
               select = 3
               width  = '50%'
               align  = 'right'
    	   space  = 6
    %]

Output #4:

| Buttons |

| Menus |

| Tabs |

Source #5:

    <div align="right">
    [% WRAPPER splash/box bgcol='grey50' pad=10 width='20%';
           PROCESS splash/pulldown select=2 width='100%' bgcol='grey50';
       END;
    %]
    </div>

Output #5:

| Buttons |

| Menus |

| Tabs |