Embed DataPages in the Webpage Header

 

Header deployment can be very useful when your site requires multiple outside libraries, style sheets and other header data that is likely to change or be frequently updated.    Because embedded deployment is loaded as inline content, you can deploy an HTML DataPage directly to every webpage header.

Here is an example of header text that may appear in the header section of every webpage.  It includes external libraries such as jQuery, NicEdit, and Modernizr as well as main and secondary style sheet links.   If the location of any of these libraries changes, instead of having to fish through every page and change the link, you can just change it in one location using the DataPage wizard.

Sample header portion that can be moved to an HTML DataPage:

<!– Google References for jQuery & jQuery UI "Start" theme –>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css" rel="stylesheet"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<!– External reference to Nicedit (Text areas to WYSIWYG editors) –>
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

<!– favicon and Apple Touch page icon –>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!– Main CSS Sheet –>
<link rel="stylesheet" href="css/style.css">
<!–[if IE 6]>
<link rel="stylesheet" href="iespecific.css" />
<![endif]–>

<!– Media and Handheled Stylesheet –>
<link rel="stylesheet" media="handheld" href="css/handheld.css">

<!– Local Modernizr link –>
<script src="js/libs/modernizr-1.7.min.js"></script>

The HTML DataPage will have a single point of update (within Caspio Bridge) and will immediately update the header information for every webpage on your site where it is deployed. If your website has hundreds of pages this can really save time for sites that go through frequent improvements.