Fixed the disappearing button :lol:
******* logonDropdown.html ********
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="ext-4.1.0/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="aware_ext/resources/css/blue.css">
<link rel="stylesheet" href="login/css/loginstyle.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="login/js/login.js"></script>
<script type="text/javascript" src="ext-4.1.0/ext-all.js"></script>
<!-- This is where EXT stuff is done -->
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
// Create a variable to hold our EXT Form Panel.
// Assign various config options as seen.
var login = new Ext.FormPanel({
fieldDefaults: { labelWidth:100 },
width: 235,
height: 180,
url:'logonOp.aw',
frame:true,
// autoShow: true,
bodyStyle:'padding:5px 5px 0',
defaultType:'textfield',
// pollForChanges:true,
standardSubmit: true,
renderTo: 'loginForm',
// floating: true,
// Specific attributes for the text fields for username / password.
// The "name" attribute defines the name of variables sent to the server.
items:[{
fieldLabel: 'Business',
name: 'domain',
id: 'domain',
// listeners: { specialKey: function(field, e) { handleEnter (e, login); }},
allowBlank: false
},
{
fieldLabel: 'Username',
name: 'userName',
cls: 'loginForm',
// listeners: { specialKey: function(field, e) { handleEnter (e, login); }},
allowBlank: false
},
{
fieldLabel: 'Password',
name: 'password',
inputType: 'password',
// listeners: { specialKey: function(field, e) { handleEnter (e, login); }},
allowBlank: false
},
{
fieldLabel: 'Testing mode',
name: 'testingMode',
xtype: 'checkbox'
},
new Ext.button.Button({
text: 'Login',
// cls: 'css3btn',
formBind: true,
width: 80,
height: 30,
// minWidth: '100',
style: {
float: 'right'
},
handler:function(){
login.getForm ().submit(); }
})
]
});});
</script>
</head>
<body>
<div id="bar">
<div id="container">
<!-- Login Starts Here -->
<div id="loginContainer">
<a href="#" id="loginButton"><span>Login</span><em></em></a>
<div style="clear:both"></div>
<div id="loginBox">
<div id="loginForm">
</div>
</div>
<!-- Login Ends Here -->
</div>
</div>
</body>
</html>
The loginstyle.css & login.js remain unchanged.
