Skip to content

Instantly share code, notes, and snippets.

@ernestlv
Created December 14, 2011 21:17
Show Gist options
  • Save ernestlv/1478575 to your computer and use it in GitHub Desktop.
Save ernestlv/1478575 to your computer and use it in GitHub Desktop.
ExtJS 3.4 MessageBox
.x-window-tl, .x-window-tr, .x-window-tc{
background-image:none;
background-color:#6495ED;
}
.x-window-header-text{
color:white;
}
.x-window-ml, .x-window-mr{
background-image:none;
background-color:white;
}
body.x-body-masked .x-window-plain .x-window-mc{
background-color:white;
}
.x-window-bl, .x-window-br, .x-window-bc{
background-image:none;
background-color:white;
}
<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="msgbox01.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(){
Ext.get('b1').on('click', function(e){
Ext.MessageBox.alert("Alert","Hello World!!!");
});
}); //end onReady
</script>
</head>
<body>
<button id="b1">Click Me</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment