Skip to content

Instantly share code, notes, and snippets.

@ernestlv

ernestlv/panel01.css

Created December 14, 2011 21:08
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ernestlv/1478538 to your computer and use it in GitHub Desktop.
Save ernestlv/1478538 to your computer and use it in GitHub Desktop.
Download ZIP
ExtJS 3.4 Panel
Raw
panel01.css
@charset "UTF-8";
/* CSS Document */
.x-panel-header {
background: #EE7621 no-repeat 0 -1px;
}
.x-panel-header-text {
color: white;
}
Raw
panel01.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title id='title'>HTML Page setup Tutorial</title>
<!-- ** CSS ** -->
<!-- base library -->
<link rel="stylesheet" type="text/css" href="/~903205/ext34/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="panel01.css" />
<!-- overrides to base library -->
<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="/~903205/ext34/adapter/ext/ext-base.js"></script>
<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="/~903205/ext34/ext-all-debug.js"></script>
<!-- overrides to library -->
<!-- extensions -->
<!-- page specific -->
<script type="text/javascript">
// Path to the blank image should point to a valid location on your server
Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';
Ext.onReady(function(){
console.info('woohoo!!!');
var panel = new Ext.Panel({
title: 'My Panel',
width: 500,
height: 300,
html: 'hello world!',
renderTo: Ext.getBody()
});
}); //end onReady
</script>
</head>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment