tests/manual/panel.html

	panel.html revision 3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo<!DOCTYPE html>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo<html>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo<head>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <meta charset="utf-8" />
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <title>Panel Manual Test</title>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssreset/reset-min.css" />
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssfonts/fonts-min.css" />
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssbase/base-min.css" />
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo</head>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo<body class="yui3-skin-night">
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <h1>Panel Manual Test</h1>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <script src="/build/yui/yui.js"></script>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    <script>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    YUI({
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        filter: 'raw',
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        skin  : 'night'
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    }).use('panel', 'transition', function (Y) {
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        var panel = new Y.Panel({
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            headerContent: 'Foo Panel',
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            bodyContent  : '<p>Some Panel content.</p>',
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            centered     : true,
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            width        : 251,
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            buttons: {
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo                header: ['close'],
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo                footer: [{label: 'foo'}]
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo            }
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        });
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        panel.render().align();
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    });
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    </script>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo</body>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo</html>