Main Menu > Web Content > A5W Page Content

A5W Page Content Management

Input Form

  • Omit: Check this box to have the content hidden.
  • Content ID: Give your content area an ID. See notes below on how this ID is used in xbasic coding.
  • Description: Enter a description for your own use.
  • Page Name: Optional, the name of the A5W page where this Content will be included. The only purpose for this is to be able to search for Content Areas by A5W page name.
  • Title: If and only if you want a "title" to appear above the content area. Apply simple CSS if desired.
  • Content: This is the large text-entry area. Enter text and apply any CSS using the various icons. You can toggle to 'source' mode and enter CSS on your own, but caution, not all CSS is allowed, and NO JavaScript is allowed.
  • Content Box Style (tab): All options under this tab control the size, position, style of the area around the content area, e.g., the "border area". In modern web applications, especially if they are to be 'mobile responsive', these options are mostly to be avoided.

Notes:

  • A "content area" is defined by a small piece of code placed anywhere on an A5W page that brings in content from the database. "Content" can be anything – a news article, a simple list, one or more images, javascript code, Flash, etc. The code that brings in the content looks like this:

<%a5 ?wt_content("mycontent") %>

If a record exists for "mycontent" (table named 'wt_content', field named 'content'), the content will appear on the A5W page, at that location.

  • But the function wt_content () does more than just display the content. It divides the Content Area in to Title and Body and gives you the ability to define how the content is formatted including height and width, border and background, color, font, as well as CSS such as float and other behavior.
  • Formatting for the content area is determined by its CSS Class, selected from a dropdown list of defined classes. The Framework comes with several pre-defined classes named Box1-Box4. You can add new ones or modify existing ones by altering the file at css\theme\default\framework.css.
  • For a simple example of content areas, study the page about.a5w in Source View and note CSS is used to divide the page in two columns, and a content area is set in each column using code similar to above. Index.a5w is a more complex page with multiple columns and several content areas.
  • You may place a content area anywhere within the <body> tags of any A5W page, just be sure to provide a unique ContentID for the statement…

?wt_content("contentid")

  • …and a matching record in the Content Area List.