[extjs.git] / extjs / examples / classic / window / window.html

<!DOCTYPE html>\r
<html>\r
<head>\r
    <meta http-equiv="X-UA-Compatible" content="IE=edge">\r
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\r
    <title>Windows Example</title>\r
    <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>\r
\r
    <!-- GC -->\r
\r
    <script type="text/javascript" src="../shared/include-ext.js"></script>\r
    <script type="text/javascript" src="../shared/options-toolbar.js"></script>\r
    <script language="javascript" src="window.js"></script>\r
    <style type="text/css">\r
        .x-panel-body p {\r
            margin: 10px;\r
            font-size: 12px;\r
        }\r
    </style>\r
</head>\r
<body>\r
<!-- EXAMPLES -->\r
<h1>Windows Example</h1>\r
<p>Note that the js is not minified so it is readable. See <a href="window.js">window.js</a> for the full source code.</p>\r
<p>This illustrates the <code>headerPosition</code> config of Panels, and also relative z-index management.</p>\r
<p>The third Window owns two floating Windows who's z-indices are managed relative to <i>its</i> z-index. When that Window\r
is occluded by another Window, and you click to bring it to the front, both its dependent Windows move to the front too.\r
<p>This also illustrates constraining Windows.</p>\r
</body>\r
</html>\r
Commit	Line	Data
6527f429 DM	1	<!DOCTYPE html>\r
	2	<html>\r
	3	<head>\r
	4	<meta http-equiv="X-UA-Compatible" content="IE=edge">\r
	5	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
	6	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\r
	7	<title>Windows Example</title>\r
	8	<link rel="stylesheet" type="text/css" href="../shared/examples.css"/>\r
	9	\r
	10	<!-- GC -->\r
	11	\r
	12	<script type="text/javascript" src="../shared/include-ext.js"></script>\r
	13	<script type="text/javascript" src="../shared/options-toolbar.js"></script>\r
	14	<script language="javascript" src="window.js"></script>\r
	15	<style type="text/css">\r
	16	.x-panel-body p {\r
	17	margin: 10px;\r
	18	font-size: 12px;\r
	19	}\r
	20	</style>\r
	21	</head>\r
	22	<body>\r
	23	<!-- EXAMPLES -->\r
	24	<h1>Windows Example</h1>\r
	25	<p>Note that the js is not minified so it is readable. See <a href="window.js">window.js</a> for the full source code.</p>\r
	26	<p>This illustrates the <code>headerPosition</code> config of Panels, and also relative z-index management.</p>\r
	27	<p>The third Window owns two floating Windows who's z-indices are managed relative to <i>its</i> z-index. When that Window\r
	28	is occluded by another Window, and you click to bring it to the front, both its dependent Windows move to the front too.\r
	29	<p>This also illustrates constraining Windows.</p>\r
	30	</body>\r
	31	</html>\r