Create Two Column Page

A How-To Recipe
April 2006
SQi Staff

Issue

The newspaper like multi-column format is very useful for presenting a number of short segments of information. A common example is a “portal” page that presents summaries of various other pages or section with the site.

TwoColumn-p25.png

Figure 1: The Look of a Two Column Page

The multi-column page usually present a “tighter” look with small font size. This allows more short bursts of information to be presented in the space.

Solution

The solution is to use the SQI pre-packaged markup with its associated style sheet formats. A simple copy-and-past provides the framework for the two column look.

Markup Framework

Steps to create a new two column page are:

  1. Open a new window, or tab, to work in while keeping this recipe open for reference.

  2. Create a new emplty page.

  3. Copy the framework below and past into a new page.
    = Page Title =
    
    <<HTML(<table class="front-page"><tr><td class="front-page-left">)>>
    = Overview =
    
    <<HTML(<!-- ----------------  SECOND COLUMN STARTS ------------------------- -->)>>
    <<HTML(</td><td class="front-page-right">)>>
    
    = First Heading Second Column =
    
    
    <<HTML(</td></tr></table>)>>
  4. Replace title and heading placeholders with actual text and start development of the page.

Discussion

The two column formating uses the <<HTML()>> macro to place standard HTML into the page formating stream. By using the pre-package markup block you don't need to know any of the HTML formating. However, if you already know a little HTML this provides an example of increasing control of a pages look.

A second part of the markup is the style called for with class=”front-page-left” and class=”front-page-right”. This controls the font, font size, margins, etc. The complete look can be changed across all the pages using these classes with simple edits to the style sheet. If you want a different look, or even small modifications, contact the SQI support staff.

Indexing and Searching

This article focuses on the formation of a page. However, the real goal is to publish and mature the page content so that the right information is available to staff and clients at the moment of need (see Instant Publish / Instant Access). Access to information on the page is enabled by KnowledgeDex – the Enterprise Search technology.

Text on the page created is captured by KnowledgeDex on every indexing cycle. Thus, all new or changed information contained within the page can be accessed by a world class search capability immediately.



Univ/CIE/KA/TwoColumnsHowTo (last edited 2015-03-06 18:11:27 by localhost)