Unable To Save Large Text In Edit Page Template (Doc ID 1437626.1)

Last updated on FEBRUARY 09, 2017

Applies to:

Oracle Application Express (formerly HTML DB) - Version: 4.1.1.00.23 and later   [Release: 4 and later ]
Information in this document applies to any platform.

Symptoms

Problem :
------------
After upgrading Apex from 3.1 to 4.1.1, no longer able to update or save the code in a page template header that is over 40,000 characters long.

Steps to reproduce :
-------------------------
1. Select any application you may have access to and go to the "Shared Components"
2. From this page go to "Templates"
3. On the Templates page select create and then select to create a page and select the "from scratch"
4. Put in a name for the page and select a theme and for template class you can use "Custom"
5. Once this page is created, please paste in the contents in "Definition - Header" section and try to save
(Home-->Application Builder-->Application 20057-->Shared
Components--->Templates-->Edit Page Template) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="&BROWSER_LANGUAGE." xmlns:htmldb="http://htmldb.oracle.com">
<head>
<title>#TITLE#</title>
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/ie.css" type="text/css" /><![endif]-->

<style type="text/css">
div.inner { margin: 0; background: #e5e5e5; text-align:left; padding: 10px; border:0; zoom:1;}
div.outer { width:auto; position:relative; margin: 5px; background: #e5e5e5; padding: 8px;}



* { padding: 0; margin: 0; }
body {
font-size:11px;
background-color: #FFFFFF;
background-image:url('#WORKSPACE_IMAGES#background1.jpg');
background-repeat:no-repeat;
background-position:right top;
text-align: left;
margin: 10px 10px;
font-family:verdana;
}
p { text-align: left; padding: 10px; }

h1 { text-align: left; padding: 5px; font-size:16px; font-weight:bold; color:#0655a6;}
a {font-size:11px;}
a:hover {color: #6A8791;}
a:active {color: #6A8791;}
table {
border-width: 0px;
border-spacing: 5px;
border-style: none;
border-color: gray;
border-collapse: separate;
width:100%;
}

td {
border-width: 0px;
padding: 3px;
border-style: solid;
border-color: gray;

vertical-align: top;

}

td.border {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #CCC;
background-color: #efefef;
vertical-align: top;
}

td.progress {
border-width: 0px;
padding: 0px;
}
td.small{
border-width: 0px;
padding: 0px;
font-size:9px;
text-align:center;
}

td.valign{
border-width: 0px;
padding: 3px;
font-size:9px;
text-align:center;
vertical-align: middle;

}

td.message {
border-width: 0px;
padding: 3px;
font-size:11px;
vertical-align: middle;
background-color: #FFF;

}
th.small {
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: gray;
background-color: #E8D5A7;
vertical-align: top;
text-align:center;
font-size:9px;
}


th {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: gray;
background-color: #E8D5A7;
vertical-align: top;
font-size:11px;
}

.comment{
width: 400px;
height: 100px;
border: 3px solid #A0BEC8;
padding: 5px;
font-family: verdana;
}
input.btn {
color:#000;
font: 14px verdana;
background-color:#FFF;
border: 1px solid;
border-color: gray;

}
span.commhead{
color:#0655a6;
font-style:italic;
font-size:11px;
font-weight:bold;
}
span.rerror{
color:red;
font-size:11px;
font-weight:bold;
}
span.nodata{
color:#0655a6;
font-style:italic;
font-size:11px;
}
span.basic{
color:#333333;
font-weight:bold;
font-size:11px;
}

span.pagehead{
color:#6A8791;
font-size:14px;
font-weight:bold;
font-family:verdana;
}

.fade { position: absolute; top: 100px left: 100px}.fade div { position: absolute; top: 0; left: 0; display: none;}

fieldset {

padding:5px;
width: 98%;

}

legend {
padding:2px;

}

.jfVal {
position: absolute;
z-index: 1110;
}

.jValSpacer {
position: absolute;
width: 0px;
float: left;
}

.jfVal .icon {
float: left;
}

.jfVal .content {
color: red;
vertical-align: middle;
white-space: nowrap;
float: left;
padding-right: 5px;

}


.jfVal .messageblank {
color:red;
background: #fff;
font-weight:bold;
padding: 2px 5px;
border: 1px solid red;
}

/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(#WORKSPACE_IMAGES#overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(#WORKSPACE_IMAGES#controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(#WORKSPACE_IMAGES#controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(#WORKSPACE_IMAGES#controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(#WORKSPACE_IMAGES#controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(#WORKSPACE_IMAGES#controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(#WORKSPACE_IMAGES#controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(#WORKSPACE_IMAGES#border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(#WORKSPACE_IMAGES#border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}


#cboxLoadingOverlay{background:url(#WORKSPACE_IMAGES#loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(#WORKSPACE_IMAGES#loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; width:0px; height:0px; text-indent:-9999px;}

/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#WORKSPACE_IMAGES#borderMiddleRight.png, sizingMethod='scale');}

</style>

<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.corner.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.colorbox-min.js"></script>
<script type="text/JavaScript" src="#WORKSPACE_IMAGES#scw.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#animatedcollapse.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jval.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#scroll.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.qtip-1.0.0-rc3.min.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.easing.1.3.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.lavalamp.1.3.2-min.js"></script>
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.maxlength-min.js"></script>

<script type="text/javascript">

var query = new Object();
window.location.search.replace(
new RegExp( "([^?=&]+)(=([^&]*))?", 'g' ),
function( $0, $1, $2, $3 ){
query[ $1 ] = $3;
}
);
easing = query['e'] || 'Expo';

function loadEasing(e) {
location.href = location.pathname+'?e='+e;
}

function setEasing(e) {
loadLamps(e);
}

// for dynamic easing changes
function loadLamps(easing) {
$('#lavaLampBasicImage').lavaLamp({
fx: 'easeOut'+easing,
speed: 800,
startItem: &F192_MNU.
});



}

$(function() {
$('#menu').lavaLamp({fx: 'swing', speed: 333});
loadLamps(easing);
$('select#easing option[value='+easing+']').attr('selected','selected');
$('.easingLabel').text(easing);
});
//console.log();
</script>


<script type="text/javascript">


$(function(){
$('div.inner').wrap('<div class="outer"></div>');
$('div.inner').corner("round 5px").parent().css('padding', '5px').corner("round 10px");

});


</script>


#HEAD#


<script type="text/javascript">
document.write("<style type='text/css'>.hidden{display:none;}<\/style>");
$(document).ready(function(){
$.fn.colorbox.settings.opacity = "0.6";
$.fn.colorbox.settings.overlayClose = "false";
$("#click1").colorbox({ width:"400px", overlayClose:false, inline:true, scrolling:false, initialWidth : "30", initialHeight : "30", href:"#click_1"});
$("#click2").colorbox({ width:"400px", overlayClose:false, inline:true, scrolling:false, initialWidth : "30", initialHeight : "30", href:"#click_2"});
$("#click3").colorbox({ scrolling:false, inline:true, initialWidth : "30", initialHeight : "30", href:"#click_3"});

$("#auto1").colorbox({ open:true, scrolling:false, inline:true, initialWidth : "30", initialHeight : "30", href:"#auto_1"});
$("#auto2").colorbox({ width:"400px", open:true, overlayClose:false, scrolling:false, inline:true, initialWidth : "30", initialHeight : "30", href:"#auto_2"});
$("#auto3").colorbox({ width:"400px", open:true, scrolling:false, inline:true, initialWidth : "30", initialHeight : "30", href:"#auto_3"});

$("#errors").colorbox({ width:"300px", open:true, inline:true, initialWidth : "30", initialHeight : "30", href:"#error_div"});
$("#success").colorbox({ width:"300px", open:true, inline:true, initialWidth : "30", initialHeight : "30", href:"#success_div"});

colorbox_close = function(){
parent.$.fn.colorbox.close()
};

$(function() {
$('.rollover').hover(function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
}, function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
});
});

});


</script>
<script type="text/javascript">
function toggle(obj) {
var el = document.getElementById(obj);
if ( el.style.display != 'none' ) {
el.style.display = 'none';
}
else {
el.style.display = '';
}
}
</script>



</head>
<body #ONLOAD#>#FORM_OPEN#

Error :
-------
ORA-06502: PL/SQL: numeric or value error: character string buffer too small

Cause

Sign In with your My Oracle Support account

Don't have a My Oracle Support account? Click to get started

My Oracle Support provides customers with access to over a
Million Knowledge Articles and hundreds of Community platforms