Sure thing.
This code works for my iPhone but does not work on my Android. Nothing is clickable.
Here is my HTML
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<title>Overlay</title>
<link rel="stylesheet" href="../css/ext-touch.css" type="text/css" />
<script type="text/javascript" src="../js/ext-touch.js"></script>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<div style="display: none;">
<div id="lipsum">
<p>CALL 1-865-656-1200</p>
</div>
</div>
</body>
</html>
Here is my javascript. This is the code from the overlays example code.
Code:
Ext.setup({
icon: 'icon.png',
glossOnIcon: false,
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
onReady: function() {
var overlayTb = new Ext.Toolbar({
dock: 'top'
});
var overlay = new Ext.Panel({
floating: true,
modal: true,
centered: false,
width: Ext.platform.isPhone ? 260 : 400,
height: Ext.platform.isPhone ? 220 : 400,
styleHtmlContent: true,
dockedItems: overlayTb,
scroll: 'vertical',
contentEl: 'lipsum',
cls: 'htmlcontent'
});
var showOverlay = function(btn, event) {
overlay.setCentered(false);
overlayTb.setTitle('Attached Overlay');
overlay.showBy(btn);
};
var showCenteredOverlay = function(btn, event) {
overlay.setCentered(true);
overlayTb.setTitle('Centered Overlay');
overlay.show();
};
if (Ext.platform.isPhone) {
var dockedItems = [{
dock: 'top',
xtype: 'toolbar',
items: [{
text: 'showBy',
handler: showOverlay
}]
}, {
dock: 'bottom',
xtype: 'toolbar',
items: [{
text: 'show (centered)',
handler: showCenteredOverlay
}, {xtype: 'spacer'}, {
text: 'showBy',
handler: showOverlay
}]
}];
}
else {
var dockedItems = [{
dock: 'top',
xtype: 'toolbar',
items: [{
text: 'showBy',
handler: showOverlay
}, {xtype: 'spacer'}, {
text: 'show (centered)',
handler: showCenteredOverlay
}, {xtype: 'spacer'}, {
text: 'showBy',
handler: showOverlay
}]
}];
}
new Ext.Panel({
fullscreen: true,
dockedItems: dockedItems,
html: "Test the overlay by using the buttons above."
});
}
});
Thank you so much for the help.
-toe