tests/manual/panel-skin-test.html

	panel-skin-test.html revision eaee839afff6e24a5ba7277c5fdacd4eeba4253b
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<!DOCTYPE html>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<head>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<style>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff</style>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<script type="text/javascript" src="/build/yui/yui-debug.js"></script>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<link type="text/css" rel="stylesheet" href="/build/panel/assets/skins/night/panel.css" charset="utf-8">
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff</head>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<body class="yui3-skin-sam">
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    <div class="yui3-skin-night">
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        <div id="panel"></div>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    </div>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff<script type="text/javascript">
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    YUI({filter:"raw"}).use('panel', function(Y) {
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    var panel = new Y.Panel({
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        bodyContent: '<p>Is this text white on white?</p><p>body CSS seems like mixture of yui3-skin-sam</p>',
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        headerContent: 'Header CSS seems like yui3-skin-sam',
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        width        : 350,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        height       : 400,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        zIndex       : 5,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        centered     : true,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        modal        : true,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        visible      : true,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        render       : '#panel'
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    });
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    panel.addButton({
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        value  : 'Close',
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        section: Y.WidgetStdMod.FOOTER,
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        action : function (e) {
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff            e.preventDefault();
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff            panel.hide();
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff        }
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    });
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    });
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff    </script>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff</body>
eaee839afff6e24a5ba7277c5fdacd4eeba4253bJeff Conniff</html>