Getting Started with iKnowBase Page Engine

Introduction

Once you have installed iKnowBase and created your first iKnowBase Site, you may want to get to know the iKnowBase Page Engine.

In short, these are the steps:

Create Templates MFIKBS_PE_form_template, MFIKBS_PE_layout_template, and MFIKBS_PE_section_template
Create Supporting Elements
Create Pages Domestic, International, and Sport
Start using the site

Creating Templates

Create Template MFIKBS_PE_form_template:

<html>

<head>

<title>MFIKBS_PE_form</title>

<script type="text/javascript" src="/ressurs/iknowbase/libs/jquery/jquery-latest.js"></script>
<script type="text/javascript" src="/ressurs/iknowbase/libs/ensure/jEnsure.js"></script>
<script type="text/javascript" src="/ressurs/iknowbase/iknowbase-full.js"></script>
<script type="text/javascript" src="/ressurs/evita/iKBDesktop/javascript/iknowbase-common-full.js" charset="iso-8859-1"></script>
<script type="text/javascript" src="/ressurs/evita/menu.js" charset="iso-8859-1"></script>
<script type="text/javascript" src="/ressurs/evita/tinymce/jscripts/tiny_mce/evita_tiny_mce_popup.js" charset="iso-8859-1"></script>
<style type="text/css">@import url(/ressurs/evita/cal/calendar-win2k-1.css);</style>
<script type="text/javascript" src="/ressurs/evita/cal/calendar.js" charset="iso-8859-1"></script>
<script type="text/javascript" src="/ressurs/evita/cal/lang/calendar-no.js" charset="iso-8859-1"></script>
<script type="text/javascript" src="/ressurs/evita/cal/calendar-setup.js" charset="iso-8859-1"></script>
<style type="text/css">
.ikbRowHide { display: none; visibility:hidden; }
</style>

</head>

<body>
${page.regions.form}
</body>

</html>

Create Template MFIKBS_PE_layout_template:

<html>

<head>

<title>MFIKBS_PE_layout_template</title>

<link rel="stylesheet" href="/css/mfikbs.css" type="text/css">

</head>

<body>

<script language="JavaScript">

function call_ikb_popup (p_document_id, target) {
	p = window.open('/ikbViewer/page/tic/form?p_document_id='+ p_document_id, 'p', 'height=600,top=30,width=800,left=30,scrollbars=yes,resizable=yes');
	p.focus();
	return false;
}

</script>

<center><table width=800>
	<tr><td colspan=3>${page.regions.top}</td></tr>
	<tr>
		<td width=100 valign=top>${page.regions.left}</td>
		<td width=550 valign=top>${page.clientPage}</td>
		<td width=150 valign=top>${page.regions.right}</td>
	</tr>
	<tr><td colspan=3>${page.regions.bottom}</td></tr>
</table></center>

</body>

</html>

Create Template MFIKBS_PE_section_template:

<table><tr>
	<td width=33%>${page.regions.left}</td>
	<td width=33%>${page.regions.center}</td>
	<td width=33%>${page.regions.right}</td>
</tr></table>

Create Page MFIKBS_PE_layout_page:

Page Type: LAYOUT
Template: MFIKBS_PE_layout_template

Components:

Region Name: top

Component: HTML-portlet

Preference:

<table cellspacing="0" cellpadding="10" width="100%" bgcolor="#999999"><tr><td>
<font class="PortletHeaderText">My First IKB Site's Amazing Banner</font>
</td></tr></table>

Region Name: bottom

Component: HTML-portlet

Preference:

<table cellspacing="0" cellpadding="10" width="100%" bgcolor="#999999"><tr><td>
<font class="PortletHeaderText">Our motto is <i>Productivity with Choice</i></font>
</td></tr></table>

Region Name: left

Component: HTML-portlet

Preference:

<ul id="menu_sub_1">
	<li class="nonselected"><a href="/ikbViewer/page/mfikbs/international">International</a>
	<li class="nonselected"><a href="/ikbViewer/page/mfikbs/domestic">Domestic</a>
	<li class="nonselected"><a href="/ikbViewer/page/mfikbs/sport">Sport</a>
</ul>

Creating Supporting Elements

Create Page MFIKBS_PE_form:
- Path: /mfikbs/form
- Page Type: PAGE
- Template: MFIKBS_PE_section_template
- Layout page: MFIKBS_PE_layout_page
- Component:
  - Region Name: form
  - Component: Form
  - Preference: Select Form MFIKBS_PE_article
Copy Target MFIKBS_form to MFIKBS_PE_form:
- Select Target: iKnowBase Page MFIKBS_PE_form
Copy Form MFIKBS_article to MFIKBS_PE_article:
- Select Target: iKnowBase Page MFIKBS_PE_form
Create Page MFIKBS_PE_content:
- Path: /mfikbs/content
- Page Type: PAGE
- Template: MFIKBS_PE_section_template
- Layout page: MFIKBS_PE_layout_page
- Component:
  - center: Shared content viewer MFIKBS_show_content
Copy Target MFIKBS_goto_content to MFIKBS_PE_goto_content:
- Select Target: iKnowBase Page MFIKBS_PE_show_content
Copy Presentation style MFIKBS_content to MFIKBS_PE_content:
- Style tab: Enter <img src=/ressurs/evita/iKBDesktop/images/common/ed-item.gif border=0> as Label for Attribute <Links>
- Advanced tab:
  - Select Link Type "No Link" for Title
  - Regular items: Set DocumentID hidden
  - Links:
    - Link to: DocumentID
    - Text source : From the label
    - Target: MFIKBS_PE_form
Copy Shared Viewer MFIKBS_domestic to MFIKBS_PE_domestic:
- Target for text: MFIKBS_PE_goto_content
Copy Shared Viewer MFIKBS_PE_domestic to MFIKBS_PE_international and MFIKBS_PE_sport and adjust parameter MFIKBS_section within this dimension ...
Copy Shared Viewer MFIKBS_last to MFIKBS_PE_last:
- Target for text: MFIKBS_PE_goto_content

Creating Pages

Create Page MFIKBS_PE_domestic:
- Path: /mfikbs/domestic
- Template: MFIKBS_PE_section_template
- Layout page: MFIKBS_PE_layout_page
- Components:
  - Region Name: center
  - Component: Shared content viewer
  - Preference: MFIKBS_PE_domestic
Copy Page MFIKBS_PE_domestic to MFIKBS_PE_international:
- Path: /mfikbs/international
- Components:
  - Region Name: center
  - Component: Shared content viewer
  - Preference: MFIKBS_PE_international
Copy Page MFIKBS_PE_domestic to MFIKBS_PE_sport:
- Path: /mfikbs/sport
- Components:
  - Region Name: center
  - Component: Shared content viewer
  - Preference: MFIKBS_PE_sport
Copy Quick link MFIKBS_article to MFIKBS_PE_article:
- Select FORM MFIKBS_PE_article and Target from Form
Copy Shared Viewer MFIKBS_show_content to MFIKBS_PE_show_content:
- Presentation style: MFIKBS_PE_content

Start using the site

Go to http://donald.disney.com/ikbViewer/page/mfikbs/domestic
Click on the "Add new article" link