Hi,
I bought Mark's book "Oracle Application Express 4.0 with Ext JS". I was confused by the last part of the book's chapter 3, which taught me how to move the #FORM_OPEN# right after the BODY tag and #FORM_CLOSE# right before the /BODY tag. I replaced the reference to "ex3-1-local-viewport.js" by the "ex3-1-custom-viewport.js" file and then the viewport became wrong. Could someone clarify how to "ensure that input items always remain with the form" as described in the book? What do I need to do exactly to achieve this?
Also, I tried to download Ext JS 4.0.0 and the footer portion of the viewport disappeared. I then switched it back to ext-3.3.1.
Thanks.
Andy
<pre>
<html>
<head>
<title>#TITLE#</title>
<link rel="icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
#HEAD#
<!-- css includes -->
<link rel="stylesheet" type="text/css" href="&EXTJS_HOME.resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="&CUSTOM_PATH.ex3-1-local-viewport.css">
<!-- js includes -->
<script type="text/javascript" src="&EXTJS_HOME.adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="&EXTJS_HOME.ext-all.js"></script>
<script type="text/javascript" src="&CUSTOM_PATH.ex3-1-custom-viewport.js"></script>
</head>
<body>
#FORM_OPEN#
<div id="app-north-panel">
<div id="app-logo">
#LOGO#</div>
<div id="app-navigation-bar">
#NAVIGATION_BAR# #CUSTOMIZE# &APP_USER.
</div>
#REGION_POSITION_01#
</div>
<div id="app-west-panel">#REGION_POSITION_02#</div>
<div id="app-center-panel">
<div id="app-messages">
#GLOBAL_NOTIFICATION##SUCCESS_MESSAGE##NOTIFICATION_MESSAGE#
</div>
<div id="app-content">#BOX_BODY#</div>
</div>
<div id="app-east-panel">#REGION_POSITION_03#</div>
<div id="app-south-panel">footer contents go here</div>
#FORM_CLOSE#
</body>
</html>
</pre>