Bamboo - Stress-Free Page Layouts
Bamboo
About BambooQuickstart tutorialDownloadsGallery of page layouts built with BambooGallery of page layouts built with BambooUser ManualBamboo EditorContact
HOWTO: Apply a layout using the Bamboo Online Editor

Introduction

This guide describes generating a layout JavaScript file using the Bamboo Online Editor, and using that script to layout a HTML page.

This technique is also covered in detail in the Quickstart Tutorial

Suitable For

  • Languages: all (.NET, J2EE, PHP, ColdFusion, Perl, CGI, etc)
  • Site types: all (public, internal / intranet, private)

Guide

  1. Create a HTML page that contains a <div> element for each region named with an id attribute.
  2. Create your Bamboo layout definition and save it to file in your web source-tree as a *.layout file. (Note saving your layout to file is optional but recommended).
  3. Copy and paste the layout XML from your *.layout file into the Bamboo Online Editor. While you're in the editor, you can use the Preview tool to see a wireframe of your layout.
  4. When you are happy with your layout, click the Generate Script tool. You will be prompted to save the generated JavaScript file. Save it to the same location as your layout file, but with an extra ".js" suffix. For example, if you saved your layout file as main.layout, save the script as main.layout.js.
  5. In your HTML page, add a <script> element to link in the generated JavaScript file. For example: 

<script language="javascript" src="main.layout.js"></script>

See Also

  • Quickstart Tutorial