tests/manual/panel-skin-test.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>

<head>
<style>
</style>
<script type="text/javascript" src="/build/yui/yui-debug.js"></script>
<link type="text/css" rel="stylesheet" href="/build/panel/assets/skins/night/panel.css" charset="utf-8">

</head>

<body class="yui3-skin-sam">
    <div class="yui3-skin-night">
        <div id="panel"></div>
    </div>

<script type="text/javascript">

	YUI({filter:"raw"}).use('panel', function(Y) {

    var panel = new Y.Panel({
        bodyContent: '<p>Is this text white on white?</p><p>body CSS seems like mixture of yui3-skin-sam</p>',
        headerContent: 'Header CSS seems like yui3-skin-sam',
        width        : 350,
        height       : 400,
        zIndex       : 5,
        centered     : true,
        modal        : true,
        visible      : true,
        render       : '#panel'
    });

    panel.addButton({
        value  : 'Close',
        section: Y.WidgetStdMod.FOOTER,
        action : function (e) {
            e.preventDefault();
            panel.hide();
        }
    });


	});
	</script>
</body>
</html>