A5W Page "Grid" Layout System

  • The Framework includes three primary functions used on A5W pages to help with page construction:
    • a5w_include("A5W pagename"): used to "include" code from another file.
    • wt_content("fieldname"): a custom function to include content from the database.
    • wt_setup("fieldname"):  a custom function to bring in the field value from the Framework's Setup table.
  • This is an example from the about.a5w page. Note that the example has no manually entered content; all content is derived by using the custom function wt_content().


Line

Description

1-2

DOC TYPE. Considered mandatory for all web pages. Alpha Anywhere uses a default that is normally fine, you may want to investigate different DOCTYPEs for your particular situation.

6

Includes the page named inc_header_head.a5w at this position. Brings in all code desired for the <HEAD> area of the page.

10

WRAPPER, the outermost DIV for the page. Defined by #wrapper in the style.css file.

11

Includes the page named inc_header_body.a5w at this position. Brings in all code desired for the <BODY> area of the page.

12

CONTENT, the inner "content area" DIV for the page. Defined by #content in the style.css file.

13

A User Defined Function designed to display the Page Title at this position.

15

The start of the left-hand column, named Main. Also defined in the style.css file as a selector named #main.

16

A User Defined Function that displays content for a content area named "about_1".

18

Closing DIV of the left-hand column named Main.

19

Opening DIV of the right-hand column named Sidebar. Defined by #sidebar in the style.css file.

21

A User Defined Function that displays content for a content area named "about_2".

23

Closing DIV of the right-hand column named Sidebar.

24

A special DIV Class that "clears" the formatting above and starts a new section. Not always required.

25-26

Closing DIVs for Content and Wrapper.

27

Includes the page named inc_footer_body.a5w at this position. Brings in all code desired for the Footer, just above the closing </BODY> tag. This may go below or above the closing DIV for Wrapper with different effect.