Nov
27
When you create a new page in SkyBlueCanvas, a menu item is already created for you. In fact, there is not really a menu item to create because the system assumes, by default, that if you have created a page, there should be a menu link to it. I mean, how else would anyone find your page if there is no link, right?
The only trouble is, which menu should the new page go in? This is where you will have to give SkyBlueCanvas a little help. On the Meta Data tab in the Page Manager (Admin > Pages > Edit), you will see a selector field labeled Menu. You simply select the menu in which you want the page to appear.
There are two logical next questions that you may have. (1) How do I create a new menu? (2) How does the menu get placed on a page? In this article I will answer these two questions.
The answer to question (1), “How do I create a new menu?” is very simple. You simply navigate to Admin > Collections > Menus. From the list view, click the “Add” button. In the form that appears:
provide the requested information.
Note
The Menu Type property has been deprecated so you do not need to complete this field.
Tip
You will need to know the numeric ID of the new menu so make note of it and hold onto it.
Then click Save.
No you can go back to Admin > Pages > Edit (your page) and on the Meta Data tab, select your new menu from the options list and save your page.
You have now successfully created a new menu and added a page (menu item) to the new menu.
Displaying a Menu
Displaying your menu involves two other concepts in SkyBlueCanvas: templates and fragments.
Templates and fragments make up the presentation or “view” portion of your web page. They are where you define the HTML structure of pages (templates) and collections or content types (fragments). They may be a little tricky to grasp at first, but once you understand them, they are very powerful and flexible.
Your SkyBlueCanvas installation, provided you are using v1.1 RC1 or later, should already have a Menu Fragment included. We are going to modify this fragment, or add to it rather, first.
Using your FTP client, navigate to /skyblue_root/data/skins/techjunie/fragments/menu/ and make a copy of view.php. Name the new file mymenu.php. Then open the file with the text editor of your choice.
Tip
If you have installed your own skin, you can simply copy /skyblue_root/data/skins/techjunkie/fragments/ to your new skin.
In the file mymenu.php you will see the following code:
<?php
global $Router;
global $Filter;
?>
<div class="horizontal-menu">
<?php if (count($data)) : ?>
<ul>
<?php foreach ($data as $item) : ?>
<?php if (not_valid_menu($item)) continue; ?>
<li<?php the_class($item); ?>>
<a href="<?php the_link($item); ?>">
<?php the_text($item); ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
That looks pretty simple, huh?
We are going to need to modify the code a little bit but I promise it will be painless- and I will give you the full code when we are finished.
SkyBlueCanvas will know that this is a menu fragment (more on this later) so the menu items (actually the pages) will already be available to your code in the $data variable. We will only need to manually retrieve our new menu.
Now you can refer back to the Menu ID I asked you to hold onto.
<?php
/*
* Set this to the ID of the menu you created
*/
$my_menu_id = 3;
/*
* Get the new menu from storage
*/
$menu = $Core->SelectObj(
$Core->xmlHandler->ParserMain(SB_XML_DIR . "menus.xml"),
$my_menu_id
);
?>
Now we have our menu items and our new menu. We can start building the menu HTML.
We will start with a basic HTML structure:
<div class="mymenu"> <?php if ($menu->showtitle) : ?> <h2><?php echo $menu->title; ?></h2> <?php endif; ?> <ul class="verticalmenu"> </ul> </div>
That’s not too bad. We are almost finished building our menu HTML. Now all we need to do is loop through the $data list, and display each of the items in our menu. Here is how the looping is done:
<?php foreach ($data as $item) : > <?php endforeach; ?>
We only want to show links to pages that are published, so we will add a single line to make sure the menu item can be displayed:
<?php foreach ($data as $item) : > <?php if (not_valid_menu($item)) continue; ?> <?php endforeach; ?>
Now we want to filter the $data items to only show items in our new menu. We do this with a single line of code:
<?php foreach ($data as $item) : > <?php if (not_valid_menu($item)) continue; ?> <?php if ($item->menu != $menu->id) continue ; ?> <?php endforeach; ?>
Wow! That was pretty easy and we are moving right along …
The only thing we have left to do is display the menu item:
<?php foreach ($data as $item) : >
<?php if (not_valid_menu($item)) continue; ?>
<?php if (!$item->menu == $my_menu_id) continue ; ?>
<li<?php the_class($item); ?>>
<a href="<?php the_link($item); ?>">
<?php the_text($item); ?></a>
</li>
<?php endforeach; ?>
And believe it or not, you have just built a new menu, as well as your first SkyBlueCanvas Fragment. There is only one last step, and this one is the simplest of all.
Up to this point, we have created a new Menu object in the SkyBlueCanvas admin and written a new menu Fragment. The only thing that remains is to tell SkyBlueCanvas where to display the fragment. To do this, go to /skyblue_root/data/skins/techjunkie/ (or your skin) and open skin.text.html in your text editor. You will see the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" {doc:lang}>
<head>
<title>[[page.title]]</title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" />
<?php echo $this->get_meta_data(); ?>
<link rel="stylesheet"
type="text/css"
href="<?php echo $this->get_path(); ?>css/TechJunkie.css" />
<!--#plugin.preloader-->
</head>
<body id="homepage">
<div id="wrap">
<!--#plugin:fragment(header)-->
<div id="menu">
<!--#plugin:fragment(menu,view,menu=1)-->
</div>
<div id="content-wrap">
<div id="main">
<!--#plugin:fragment(page,view)-->
</div>
<div id="sidebar">
<!--#plugin:fragment(sidebar)-->
</div>
</div>
<div id="footer-wrap">
<!--#plugin:fragment(footer)-->
</div>
</div>
</body>
</html>
Notice the lines that look like this:
<!--#plugin:fragment(page,view)-->>
These tokens are the code that tell SkyBlueCanvas where to load a fragment, which fragment to load, and which view (PHP file) to load. So the only thing you need to do is add a token for your new menu in the location in the HTML where you want the menu to appear. Let’s assume you want your new menu to appear at the top of the sidebar. You will change the code to look like this:
Now test your new menu by pointing your browser to your web site. Your new menu should appear at the top of the sidebar.
Note
You will need to make this change for all of the skins HTML files, skin.contacts.html and skin.standard.html.
Nov
25
It was brought to my attention today by a SkyBlueCanvas user that I neglected to include good instructions for installing the Portfolio and Galleria extensions. I apologize for the inconvenience. My excuse is that developing and delivering an open source project is a lot of work and all too often, the documentation is the last thing to get attention. We are working on correcting this problem.
In the mean time, here are some detailed instructions on how to install the Galleria Extension. The same instructions, with some very minor differences, also apply for the Portfolio Fragment (frag_portfolio).
This will look a bit daunting at first glance, but it is really not difficult. I have full confidence in anyone’s ability to install the extension. If you do as I ask you to, step-by-step, you will have the extension installed in no time.
Let’s get started
Here is how to set up the Portfolio extension, step-by-step:
- First, download ext_galleria.zip from the Downloads page: Download
- Un-zip the frag_portfolio.zip file to your computer
- Copy /ext_galleria/manager/portfolio/ to /your_skyblue_root/managers/
If you already have the Portfolio Manager installed, you can skip this step.
- Go to /your_skyblue_root/data/skins/techjunkie/ and copy skin.text.html to your skin directory. Name the new file skin.portfolio.html.
Note
If you are using the techjunkie skin, just copy the skin.text.html file to the same directory.
- Leave this page as-is for now (we will come back to it)
- Go to Admin > Pages and create a new page and do the following:
- Click the Meta Data tab
- Give your page a name
- Set the Page Type to ‘portfolio’
- Fill in the other fields on the form as appropriate for your site
- Click Save
Ok, this part is a bit tricky:
- Go to /your_skyblue_root/data/skins/your_skin/ and create a new directory named fragments
- Go to the ext_gallery package you downloaded, and copy the Portfolio fragment (smoothgallery, lightbox or thickbox) you want to use to /your_skyblue_root/data/skins/your_skin/fragments/
Note
Be sure to read the instructions included with each fragment carefully
- Go back to skin.portfolio.html and look for the line that reads:
<!--#plugin:fragment(page,view)-->
and change it to match the portfolio fragment you installed.
For SmoothGallery: <!--#plugin:fragment(portfolio,smoothgallery)--> For LightBox: <!--#plugin:fragment(portfolio,lightbox)--> For ThickBox: <!--#plugin:fragment(portfolio,thickbox)-->
- Go to Admin > Collections > Plugins and make sure the following plugins are enabled:
- plugin.parser.php
- plugin.fragments.php
Now all you need to do is add items to your portfolio in Admin > Collections > Gallery.
Jun
16
Skin Installer
Filed Under Extensions, SkyBlueCanvas CMS
SkyBlueCanvas allows you to install an unlimited number of templates.
Requirments
SkyBlueCanvas templates must be saved as a ZIP archive before installing.
How To Install a Template
Diagram 12
Click the Templates icon on the main dashboard. You will be redirected to the Templates Dashboard shown in Diagram 12. From there, click the Install Skins button shown in Diagram 12-C. You will be redirected to the Skin Installer manager show in Diagram 15.
Diagram 15
Diagram 15-A
Digram 15-A indicates the template name and a camera icon. If the skin includes a thumb.gif file in its images directory, you can view a thumbnail of the template by positioning your cursor over the camera icon.
Diagram 15-B
Digram 15-B indicates the delete control. You can delete a template by clicking this control. If only one skin is installed, however, SkyBlueCanvas will not show this control.
Diagram 15-C
Digram 15-C indicates the Add button you use to open the Installer Control. To install a new template, click this button and you will be re-directed to the Installer Control shown in Diagram 16.
Diagram 16
Diagram 16-A
Diagram 16-A indicates the text field where you enter a name for your skin. This name will be used as the name of a directory, so it is suggested that you use a name that only includes lower-case letters and numbers.
Diagram 16-B
Diagram 16-A indicates the File Selector. Click the browse button. A file browser will open in a dialog. Use the file browser to navigate to and select the ZIP archive containing the skin you wish to install.
Diagram 16-C
To upload the new skin, click the Install button indicated in Diagram 16-C. SkyBlueCanvas will upload your new template to a temporary directory, un-archive it and move it to the templates directory.
Activating Your New Template
To activate your new template, navigate back to the Templates Dashboard using the button in the gray menu bar just below the blue sky header. From there, click the Active Skin button on the Templates Dashboard. You will be re-directed to the Active Skin editor shown in Diagram 17.
Diagram 17
To activate the template (or another template), simply select the template name from the selector shown in Diagram 17-A, then click the Save button shown in Diagram 17-B. Now, you can visit your public site and view your new site template.
Caution
The names of content regions are not pre-defined in SkyBlueCanvas. You will want to double-check that the names of the regions have not changed before installing a new template. If the names of the regions have changed, you will need to go through the steps outlined in Collections_Publishing to update where your collections appear.
Additionally, to make sure the names of the layout files have not changed. If they have changed, you will need to update the page layouts in the Page Manager as shown in Diagram 2-D in the Pages instructions.
Jun
16
Skins Manager
Filed Under Extensions, SkyBlueCanvas CMS
Templates – or skins – are the presentation layer of a web site and allow you to change the appearance of your site without making any changes to the content (text and pictures). The SkyBlueCanvas template system is very simple and very flexible. What your site looks like is limited only by your imagination.
Skins are comprised of XHTML, CSS, JavaScript? and image files. SkyBlueCanvas templates contain absolutely no PHP or other executable code and incorporates a simple token replacement concept. You build your XHTML files as you would for any web page and indicate a content region using simple tokens like {region:header}, {region:left} and {region:main}.
When you create a template for a SkyBlueCanvas site, you do not need, however, to build the entire page. Every web page includes the HTML, HEAD and BODY regions, so SkyBlueCanvas includes a page skeleton that defines these major elements. Your template only needs to define what appears between the BODY tags.
Diagram 12
When you click the Templates icon shown in Diagram 1-A, you will be re-directed to the Templates Dashboard shown in Diagram 12. This dashboard shows 4 controls:
- Active Skin (Diagram 12-A)
- CSS Editor (Diagram 12-B)
- HTML Editor (Diagram 12-B)
- Skin_Installer (Diagram 12-C)
Caution: Unless you know what you are doing, you should not attempt to edit the CSS or HTML for your site skins.
SkyBlueCanvas allows you to install an unlimited number of templates. You use the Active Skin manager to select the currently active skin. I will not cover this manager here because it is very simple and self-explanatory.
We will use the HTML Editor as our example for explaining how the editor works. It is actually quite simple because it is only a simple text editor.
Diagram 13
To edit the HTML (and similarly the CSS) for your template, click the HTML Editor button on the Templates Dashboard as indicated in Diagram 12-B. You will be re-directed to the familiar List View shown in Diagram 13.
Diagram 13-A
You can create a new HTML Layout File by clicking the Add button shown in Diagram 13-A.
Diagram 13-B
To edit an existing layout file, click the Edit control to the right of the HTML file you wish to edit (Diagram 13-B). You will be re-directed to the HTML Editor shown in Diagram 14.
Diagram 14
Diagram 14-A
In the field indicated in Diagram 14-A, you can enter a name for the skin. However, changing the name of the HTML file does not rename the file. Instead, it makes a copy of the file with the new name. This is a precautionary measure to prevent you from accidentally breaking the appearance of your site. If you have pages that already use the original name of the layout, you would have to go change these pages individually.
Diagram 14-B
Diagram 14-B indicates the text area where you edit the HTML for the layout file. Make the desired changes to the HTML and click the Save button indicated in Diagram 14-C. That’s it. The next time someone visits your site, the new HTML will be displayed.
Jun
16
Media Manager
Filed Under Extensions, SkyBlueCanvas CMS
SkyBlueCanvas currently supports two types of media – pictures and files.
Pictures are images that can be inserted into the body of a page, displayed in a _Photo Gallery_ and/or used as part of your [Templates].
Files are downloadable assets such as PDFs, Microsoft Office documents and ZIP or TAR files. The system allows you to upload files, move them between directories and rename them. Additionally, in the list view, pictures can be previewed by simply holding the cursor over the camera icon beside the image name.
Diagram 3
When you click the Media icon on the [Dashboard], you will be re-directed to a list view of the media currently available on your site.
Diagram 3-A
Diagram 3-A indicates the selector that allows you to narrow the list of media shown to only those files contained within a specific media sub-directory (Gallery, Skins, Downloads, etc.).
Diagram 3-B and 3-C
Diagram 3-B indciates the path to the file. If the file is an image, you will see a camera icon (Diagram 3-C) to the left of the image path/name. If you hold your cursor over the camera icon, you can view a thumbnail of the image.
Diagram 3-D
If you want to upload (Add) a new file, simply click the Add button indicated in Diagram 3-D. You will then be re-directed to the Media Upload editor. See below (Diagram 4) for more details on uploading files to your site.
Diagram 3-E thru 3-G
Once you have uploaded media files to your site, you can Move, Rename or Delete the files. See Diagram 5 for more information on Moving files. See Diagram 6 for detail on renaming files.
Diagram 4
Diagram 4-A thru 4-C
To move a file from one media sub-directory to another, click the Move link next to the file in the Media List View (Diagram 3-E). You will be re-directed to the Media File Move editor. Diagram 4-A indicates the current name and location of the file.
Diagram 4-B indicates the selector you use to select the new location to which the file will be moved. Once you have selected the desired location, simply click the Move File button indicated in Diagram 4-C.
Diagram 5
Diagram 5-A thru 5-C
To rename a media file, click the Rename link next to the file in the Media List View (Diagram 3-F). You will be re-directed to the Media File Rename editor. Diagram 5-A indicates the current name of the file.
Enter the new name of the file in the field indicated by Diagram 5-B and click the Rename File button indicated in Diagram 5-C.
Diagram 6
Diagram 6-A thru 6-C
To upload a new media file, click the *Add* button shown in the Media List View (Diagram 3-D). You will be re-directed to the Media File Upload editor.
Click the Browse button shown in Diagram 5-A. A file browser will open in a new window. Use the file browser to navigate to and select the file you wish to upload. Currently, SkyBlueCanvas only supports PNG, GIF, JPG image formats and PDF, ZIP and TAR.GZ file types.
Next, select the desired location where you wish to upload the new file in the selector indicated in Diagram 6-B.
Next, click the Upload button indicated in Diagram 6-C.
Jun
16
Page Manager
Filed Under Extensions, SkyBlueCanvas CMS
Pages
SkyBlueCanvas is built first-and-foremost around the concept of pages as the base container. A page can contain text, pictures and other containers (also called collections).
When a new page is created in SkyBlueCanvas, it is automatically associated with a menu item. You create a page, add text and pictures, then indicate in which menu the page should appear (or no menu at all).
View Page List
Diagram 1
Click the Pages icon on the main dashboard and you will be re-directed to a list view of the existing pages in your site. All managers in SkyBlueCanvas follow the same structure:
- List View
- Item Editor
- Groups Editor (optional)
The controls on each List View page will vary but typically will include:
- Add (Diagram 1-A)
- Edit (Diagarm 1-B)
- Delete (Diagram 1-C)
Adding A New Page
Diagram 2
Click the Add button (Diagram 1-A) to add a new page. This will open the Page Editor (Diagram 2).
At first glance Diagram 2 may look a bit overwhelming but it is fairly straightforward and easy to explain.
Diagram 2-A
Item A in Diagram 2 highlights the Title Bar Text field. Whatever you enter in this field will appear in the Title Bar of the browser window when someone visits your web site.
Diagram 2-B
As mentioned previously, when you add a new page, it is automatically associated with a menu item. Items B highlights the text that will appear in the Menu Link for this page. So, if you enter Home Page in this field, the menu item will read Home Page.
Diagram 2-C
Diagram 2-C highlights the selector with which you indicate _which_ menu the menu item for this page should appear. SkyBlueCanvas allows you have create different navigation menus for your site. We will cover creating Menus in the [Menus] section.
Diagram 2-D
Diagram 2-D highlights the selector for choosing which HTML template to use for this page. SkyBlueCanvas allows you to create an unlimited number of page layouts with your Templates which can be assigned to individual pages using the selector in Diagram 2-D.
Diagram 2-E
Diagram 2-E highlights the Parent Selector. The Parent Selector allows you to assign a page as a child of another page to create structure to your site. The Parent-Child relationship between pages is closely tied to the way SkyBlueCanvas builds menus. When a page is assigned as a child of another page, the child page will appear as a sub-menu of the menu item for the parent page. You can create as many sub-levels of pages as you want in SkyBlueCanvas so you can a Parent-Child-Grandchild-greatgrandchild setup if your site calls for it.
Diagram 2-F and 2-G
Diagram 2-F and 2-G highlight the HTML editor. SkyBlueCanvas uses the Wymeditor WYSIWYM (what you see is what you mean) Semantic HTML Editor. The editor is intended to create semantically correct, structured XHTML.
Diagram 2-F indicates the Tool Bar. If you are familiar with Rich Text editing and Word Processors like Microsoft Word, you should recognize these controls.
Diagram 2-G indicates the body of the editor where you edit the text and pictures for the page. Simply click your cursor in the grey area if this is a new page, or anywhere in the body of the text if this page already has text, and start typing.
Diagram 2-H
SkyBlueCanvas allows you to apply Meta Data to pages globally or page-by-page. Meta Tags are created in the Collections control panel. Once created, the Meta Groups can will appear in the area highlighted by Diagram 2-H as check boxes. To apply the desired meta group to this page, simply check the box next to the group name.
You can also enter keywords associated with this page in the text area indicated in Diagram 2-H.
Diagram 2-I
Diagram 2-I indicates the selector that allows you to publish-up or publish-down a page. This feature allows you to create a draft of a page without actually displaying it as a menu item or on the site as viewed by the public.
Diagram 2-J
Diagram 2-J indicates the selector that allows you to specify a page as the Home Page or Default Page. Only one page can be set as the default. The default page is the first page that is viewed when a visitor comes to you site.
Diagram 2-K
This is pretty self-explanatory but once you have finished editing your page, click Save and the page is saved.
Jun
16
The SkyBlueCanvas Dashboard
Filed Under Extensions, SkyBlueCanvas CMS
A SkyBlueCanvas site is broken down into five simple units. These units are:
- Pages
- Media
- Collections
- Templates
- Settings
In the diagram below, you will see the controls to access these five units labeled item [A]. To edit each unit, simply click the icon of the section you wish to edit.
In the upper right-hand corner of the browser window you will see, labeled items [B] and [C], two links. These links don’t bear detailed explanation. Item [B] will log you out of the system.
Item [C] will take you to a list view of emails you have received through your site. The mail center in SkyBlueCanvas is not a fully-functional email client, but rather a backup and easy access point to view your messages. The inbox link will show the number of unread messages you have. Unread messages will be marked in bold text in the message list.
Jun
14
Example SkyBlueCanvas Extension
Filed Under Extensions, SkyBlueCanvas CMS
The code below is the actual code for the Events manager for SkyBlueCanvas. As you can see, the code is short and simple. Most of the heavy lifting is handled by the Manager superclass. The HTML code that follows the sample PHP code is the input form for editing Events items.
<?php
defined('SKYBLUE') or die(basename(__FILE__));
class events extends manager {
function events() {
$this->Init();
}
function AddEventHandlers() {
$this->AddEventHandler('OnBeforeSave', 'PrepareForSave');
}
function PrepareForSave() {
$this->AddFieldValidation('name', 'notnull');
$this->SaveDescription();
}
function InitProps() {
$this->SetProp('headings', array('Name', 'Date', 'Tasks'));
$this->SetProp('tasks', array('edit', 'delete'));
$this->SetProp('cols', array('name', 'date' ));
}
function SaveDescription() {
global $Core;
$this->SaveStory(
$Core->GetVar($_POST,'story', $this->GetStoryFileName()),
stripslashes(urldecode($_POST['description']))
);
$_POST['description'] = base64_encode(
stripslashes(urldecode($_POST['description']))
);
}
function InitEditor() {
global $Core;
// Set the form message
$this->SetFormMessage('Event');
// Initialize the object properties to empty strings or
// the properties of the object being edited
$_OBJ = $this->InitObjProps($this->skin, $this->obj);
// This step creates a $form array to pass to
// $this->buildForm(). $this->buildForm() merges
// the $obj properites with the form HTML.
$form['ID'] = $this->GetItemID($_OBJ);
$form['NAME'] = $this->GetObjProp($_OBJ,'name');
$form['DATE'] = $this->GetObjProp($_OBJ,'date');
$form['TIME'] = $this->GetObjProp($_OBJ,'time');
$form['MERIDIAN'] = $Core->MeridianSelector(
$_OBJ['meridian']
);
$form['VENUE'] = $this->GetObjProp($_OBJ,'venue');
$form['ADDRESS'] = $this->GetObjProp($_OBJ,'address');
$form['CITY'] = $this->GetObjProp($_OBJ,'city');
$form['STATE'] = $Core->StateSelector($_OBJ['state']);
$form['ZIP'] = $this->GetObjProp($_OBJ,'zip');
$form['ADMISSION'] = $this->GetObjProp($_OBJ,'admission');
$form['PHONE'] = $this->GetObjProp($_OBJ,'phone');
$form['URL'] = $this->GetObjProp($_OBJ,'url');
$form['DESCRIPTION'] = null;
$form['STORY'] = $this->GetStoryFileName();
$form['STYLESELECTOR'] = $this->GetObjProp(
$_OBJ,'styleselector'
);
$form['ORDER'] = $Core->OrderSelector2(
$this->objs, 'name', $_OBJ['name']
);
$this->BuildForm($form);
}
}
?>
The code below is the HTML for building the form for adding Events items in the SkyBlueCanvas
admin control panel. You will notice the familiar token format
{name:value} in the example below. Just like the presentation on the
front end, the SkyBlueCanvas managers use tokens as a sort of variable to replace with literal values.
<input id="id"
type="hidden"
name="id"
value="{OBJ:ID}"
/>
<input id="objtype"
type="hidden"
name="objtype"
value="events"
/>
<label for="name">[TERM:NAME]:</label>
<input type="text"
name="name"
value="{OBJ:NAME}"
size="45"
/>
<label for="date">[TERM:DATE]:</label>
<input type="text"
name="date"
value="{OBJ:DATE}"
size="45"
/>
<label for="time">[TERM:TIME]:</label>
<input type="text"
name="time"
value="{OBJ:TIME}"
size="10"
/>
{OBJ:MERIDIAN}
<label for="admission">[TERM:ADMISSION]:</label>
<input type="text"
name="admission"
value="{OBJ:ADMISSION}"
size="45"
/>
<label for="venue">[TERM:VENUE]:</label>
<input type="text"
name="venue"
value="{OBJ:VENUE}"
size="45"
/>
<label for="phone">[TERM:PHONE]:</label>
<input type="text"
name="phone"
value="{OBJ:PHONE}"
size="45"
/>
<label for="address">[TERM:ADDRESS]:</label>
<input type="text"
name="address"
value="{OBJ:ADDRESS}"
size="45"
/>
<label for="city">[TERM:CITY]:</label>
<input type="text"
name="city"
value="{OBJ:CITY}"
size="45"
/>
<label for="state">[TERM:STATE]:</label>
{OBJ:STATE}
<td valign="top">[TERM:ZIP]:</label>
<input type="text"
name="zip"
value="{OBJ:ZIP}"
size="45"
/>
<label for="url">[TERM:URL]:</label>
<input type="text"
name="url"
value="{OBJ:URL}"
size="45"
/>
<label for="description">[TERM:DESCRIPTION]:</label>
<div id="editoranchor"></div>
<textarea id="story_content"
name="description"
cols="55"
rows="22"></textarea>
<input id="storyfile"
type="hidden"
name="story"
value="{OBJ:STORY}"
/>
<label for="order">[TERM:ORDER]:</label>
{OBJ:ORDER}