Zip Panels

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.

The Code to generate a zip panel, like the tab group, is encapsulated in a single static PHP class: JSZipPanel.

JSZipPanel has two methods: InlineCSS which returns a string of CSS for formatting the tabs and Panel which takes a string for the panel title, a string for the contents, an optional string for displaying auxiliary information in the panel title bar, and a boolean value indicating whether the Zip Panel is open or closed by default.

The Panel method creates the necessary DHTML to produce a zip panel, with javascript to toggle state.

Future plans are to provide a javascript hook function to allow scripted panel toggling and dynamic content manipulation.

The Code to generate the "Zip-Panel Demo" panel is as follows (the content string has been truncated).

JSZipPanel::Panel( 'Zip-Panel Demo', '[ content ]', '· Latin Warning ·', true );