Web pages content

Shazzoo supports several column formats. for example you can have two equal, one big, or four small columns. These column formats are NOT part of the Shazzoo design. They are configured in the template you use for your website. So you can have a Shazzoo website with ten different column formats and another Shazzoo website with only two different column formats.

For new web pages a default column format is configured. To select another column format:

1. Move your mouse to the zone above the columns.
2. Click the right mouse button.
3. The Article context menu appears.
4. Click on Properties article.
5. A dialog appears with properties of the article.
6. With the property Column format you can switch to another column format.
7. Select another column format and click Ok.
8. Notice the different column format in your web page.

Content in a specific column remains in that column, regardless whether the column is displayed or not.

Following properties can be displayed on web pages:

1. Author
2. Page owner
3. Date last edited
4. Date published
5. Date page expires

These properties can be displayed at the botom in every column.

For new web pages a default property display can be configured. To have other properties displayed:

1. Move your mouse to the topzone of the applicable column.
2. Click the right mouse button.
3. The Column context menu appears.
4. Click on Properties column.
5. A dialog appears with properties of the column.
6. Select Yes for the properties you want to display and click Ok.
7. Notice the properties are displayed at the bottom of the applicable column.

Create tables, add/delete/merge rows and columns

You create tables and add/delete/merge rows and columns using the icons in the toolbar.

1. Focus your cursor on the location where to insert the table.
2. Click on the toolbar icon Create table.
3. Click from the table raster the number of rows and columns.
4. Table is inserted and ready to fill.

Manage properties of tables

To change the properties of a table:

1. Right click your mouse in the table zone. 
2. Click on Properties table.
3. Change the applicable properties and click Ok.

For a detailed overview of all table properties, click here.

Manage properties of table cells

To change the properties of a table cell:

1. Right click your mouse in the table zone. 
2. Click on Properties table cell.
3. Change the applicable properties and click Ok.

For a detailed overview of all table cell properties, click here.

You insert images using the icon in the toolbar.

1. Focus your cursor on the location where to insert the image.
2. Click on the toolbar icon Insert image.
3. The image properties dialog appears.
4. Click the button Select to select an image.
5. Select an image from the library or upload new images and click Ok.
6. Set the applicable properties (width, height, border etc..) and click Ok.
7. The image has been inserted.

New images are automatically uploaded to the library for reuse in other web pages.
You can upload and insert multiple images.

You insert flash files using the icon in the toolbar.

1. Focus your cursor on the location where to insert the flash file.
2. Click on the toolbar icon Insert flash.
3. The flash properties dialog appears.
4. Click the button Select to select a flash file.
5. Select a flash file from the library or upload a new flash file and click Ok.
6. Set the applicable properties (width, height) and click Ok.
7. The flash file has been inserted.

New flash files are automatically uploaded to the library for reuse in other web pages.
You can upload and insert multiple flash files.

You create hyperlinks using the icon in the toolbar.

1. Select the text and or image you want to create a link for.
2. Click on the toolbar icon Insert hyperlink.
3. The hyperlink properties dialog appears.
4. Select the link type (i.e. Page or URL).
5. Select the web page or fill in the URL to link to.
6. Set other applicable properties (open in new window) and click Ok.
7. The hyperlink has been created.

You remove hyperlinks using the icon in the toolbar. It's very easy.

1. Focus the cursor somewhere in the link.
2. Click on the toolbar icon Remove hyperlink.
3. The hyperlink has been removed.

You create anchors using the icon in the toolbar.

1. Focus your cursor on the location where to insert the anchor.
2. Click on the toolbar icon Insert anchor.
3. The anchor properties dialog appears.
4. Enter the name of the anchor and click Ok.
5. The anchor has been created.
6. You see a little icon:   Right click this icon to change the properties of the anchor.

Create links to anchors in the web page itself

Focus your cursor on the location where to insert the anchor.

1. Click on the toolbar icon Insert hyperlink.
2. The hyperlink properties dialog appears.
3. At the attribute Type select URL.
4. At the attribute Link fill in a hash (#) followed by the name of the anchor.
5. Click Ok.
6. The anchor link has been created.

Create links to anchors in other web pages

1. Focus your cursor on the location where to insert the anchor.
2. Click on the toolbar icon Insert hyperlink.
3. The hyperlink properties dialog appears.
4. At the attribute Type select Page.
5. Click on the button Select and select the applicable web page from the list.
6. At the attribute Anchor fill in the name of the anchor. Do not use the hash (#).
7. Click Ok.
8. The anchor link has been created.

You insert attachments using the icon in the toolbar.

1. Focus your cursor on the location where to insert the attachment.
2. Click on the toolbar icon Insert attachment.
3. The attachment properties dialog appears.
4. Click the button Select to select an attachment.
5. Select an attachment from the library or upload new attachments and click Ok.
6. Set the applicable properties (hide) and click Ok.
7. The attachment has been inserted.

New attachments are automatically uploaded to the library for reuse in other web pages.
You can upload and insert multiple attachments.

You insert a horizontal ruler using the icon in the toolbar.

1. Focus your cursor on the location where to insert the horizontal ruler.
2. Click on the toolbar icon Insert ruler.
3. The horizontal ruler has been inserted.

New attachments are automatically uploaded to the library for reuse in other web pages.
You can upload and insert multiple attachments.

The title of your web page is a property which can be controlled in the properties section of web pages. You can display the title of your page anywhere you want in your web page.

1. Focus your cursor on the location where to insert the page title.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert page title.
5. The page title has been inserted.

To change the properties of the page title:

1. Click with your right mouse button on the page title.
2. The page title context menu appears.
3. Click on Properties page title.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

The description of your web page is a property which can be controlled in the properties section of web pages. You can display the description of your page anywhere you want in your web page.

1. Focus your cursor on the location where to insert the description.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert description.
5. The description has been inserted.

The description component has no properties.

The list component is a powerful feature. You can use it to display a collection of related web pages in summarized format. Imagine you have seperate web pages for news topics. You put all those web pages in a list named News topics and use a different web page called News topics to display these news topics in summarized format based on the list News topics.

You can insert as many lists you want in a single web page:

1. Focus your cursor on the location where to insert the list.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert list.
5. The list properties dialog appear.
   For detailed information on all properties, click here.
6. At the property Source enter or select the list you want to display (i.e. News topics).
7. At the property Display fields select Title and Publication date.
8. Define the sort order and click Ok.
9. The list has been inserted.

To change the properties of the list:

1. Click with your right mouse button on the list.
2. The list context menu appears.
3. Click on Properties list.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

A list of web pages can be controlled by a calendar. The list will only display web pages related to the specific date or month you select in the calendar. Each web page has a property called Publication date. The calendar uses this date to control the list.

To insert a calendar control:

1. Focus your cursor on the location where to insert the calendar.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert calendar.
5. The calendar has been inserted.
6. To have the list controlled by the calendar following two list properties should be defined:
1. Allow calendar filter (Yes)
2. Default filter

To change the properties of the calendar:

1. Click with your right mouse button on the calendar.
2. The calendar context menu appears.
3. Click on Properties calendar.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

A list of web pages can be controlled by a tag cloud. The list will only display web pages related to the specific tag you select in the tag cloud. Each web page has a property called Tags. The calendar uses this property to control the list.

To insert a tag cloud: 

1. Focus your cursor on the location where to insert the tag cloud.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert tags.
5. The tag cloud has been inserted.
6. To have the list controlled by the tag cloud following list property should be defined:
1. Allow tag filter (Yes)

To change the properties of the tag cloud:

1. Click with your right mouse button on the tag cloud.
2. The tags context menu appears.
3. Click on Properties tags.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Shazzoo offers you a built-in RSS feed reader. You can insert as many RSS feeds you want in a single web page:

1. Position your cursor on the location where to insert the RSS feed.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert list.
5. The list properties dialog appear.
   For detailed information on all properties, click here.
6. At the property Type select RSS feed.
7. At the property RSS URL fill in the URL of the RSS feed.
8. Click Ok.
9. The RSS feed has been inserted.

To change the properties of the RSS feed:

1. Click with your right mouse button on the RSS feed.
2. The list context menu appears.
3. Click on Properties list.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

A blog is divided in two parts. First of all there is a list of all comments made on your blog. The second part is a form where your visitors can post a reaction. For flexibillity purposes, Shazzoo contains two seperate components for both parts:

1. Page comments list
2. Page comments

These components interact with each other, but they do not require each other. You can insert them independantly. For example if you like to insert a contact form, you insert only the component Page comments.

To create a blog position:

1. Focus your cursor on the location where to insert the blog.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert page comments list.
5. The Page comments list has been inserted.
6. Focus your mouse below the page comments list and click on your right mouse button.
7. A context menu appears.
8. Click on Insert page comments.
9. The page comments component has been inserted.

To change the properties of the Page comments list (list with comments from your visitors):

1. Click with your right mouse button on the page comments list.
2. The page comments list context menu appears.
3. Click on Properties page comments list.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

To change the properties of the Page comments (form to leave a comment):

1. Click with your right mouse button on the page comments.
2. The page comments context menu appears.
3. Click on Properties page comments.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

The ease to create a contact form in Shazzoo is exceptional. With two mouse clicks you have a beautiful contact form inserted at the spot in your web page you prefer.

To create a contact form:

1. Focus your cursor on the location where to insert the contact form.
2. Click on your right mouse button.
3. A context menu appears.
4. A context menu appears.
5. Click on Insert page comments.
6. The contact form has been inserted.

To change the properties of the contact form:

1. Click with your right mouse button on the contact form
2. The page comments context menu appears.
3. Click on Properties page comments.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Surveys are easily added to your web pages. You position the survey anywhere you want. First insert a survey component then add or insert questions to your survey.

 To create a survey:

1. Focus your cursor on the location where to insert the survey
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert survey.
5. The survey properties dialog appear.
   For detailed information on all properties, click here.
6. Enter a subject.
7. Set other properties according your requirements and click Ok.
8. The Survey has been inserted.

To add questions to the Survey:

1. Focus your mouse on the survey and click on your right mouse button.
2. A context menu appears.
3. Click on Insert question.
4. The question properties dialog appear.
   For detailed information on all properties, click here.
5. Enter the question and define the question type (text, textarea, checkbox, radio etc..).
6. Click Ok.
7. The question has been added.

Questions are added after the last question. To insert a question:

1. Focus your mouse on a question and click on your right mouse button.
2. A context menu appears.
3. Click on Insert before - Insert question.
4. The question properties dialog appear.
   For detailed information on all properties, click here.
5. Enter the question and define the question type (text, textarea, checkbox, radio etc..).
6. Click Ok.
7. The question has been inserted before the question you had the focus on when clicking the right mouse button.

To change the properties of the Survey

1. Click with your right mouse button on the survey.
2. The survey context menu appears
3. Click on Properties survey.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

To change the properties of survey questions:

1. Click with your right mouse button on the survey question.
2. The question context menu appears.
3. Click on Properties question.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Sections are convenient for web pages with a large amount of text, you want to categorize in seperate blocks. Sections can be collapsed or expanded by default. This documentation frequently uses section as you can see.

To insert a section: 

1. Focus your cursor on the location where to insert the section.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert section.
5. The section properties dialog appear.
   For detailed information on all properties, click here.
6. Enter a title for the section and click Ok.
7. The section has been inserted and ready to be filled with content (canvas elements and other components).

To change the properties of the section:

1. Click with your right mouse button on the section.
2. The section context menu appears.
3. Click on Properties section.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

A textbox is nice looking frame to insert content. It's very similar to a section. A textbox can also be collapsed and expanded.

To insert a textbox: 

1. Focus your cursor on the location where to insert the textbox.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert textbox.
5. The textbox properties dialog appear.
   For detailed information on all properties, click here.
6. Enter a title for the textbox and click Ok.
7. The textbox has been inserted and ready to be filled with content (canvas elements and other components).

To change the properties of the textbox:

1. Click with your right mouse button on the textbox.
2. The textbox context menu appears.
3. Click on Properties textbox.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

You can easily insert movies in Shazzoo with a few clicks. Following movie types are supported:

• wmv
• avi
• rm
• ram
• mpg
• mpeg
• mov

To insert a movie: 

1. Focus your cursor on the location where to insert the movie.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert movie.
5. The movie properties dialog appear.
   For detailed information on all properties, click here.
6. At the property Type select Movie file.
7. Click the button Select to select a movie.
8. Select a movie from the library or upload a new movie and click Ok.
9. Set the applicable properties (width, height, start automatically etc..) and click Ok.
10. The movie has been inserted.

To change the properties of the movie:

1. Click with your right mouse button on the movie or as close to the right of the movie.
2. The movie context menu appears.
3. Click on Properties movie.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Inserting any YouTube movies on your web page was never as easy as it is now. Just insert a movie component and define your YouTube movie search string.

To insert a YouTube movie bar: 

1. Focus your cursor on the location where to insert the YouTube movie bar.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert movie.
5. The movie properties dialog appear.
   For detailed information on all properties, click here.
6. At the property Type select YouTube.
7. At the property Query fill in your query.
8. Click the button Select to select a movie.
9. Click Ok.
10. The YouTube movie bar has been inserted represented by a YouTube icon.
11. Click on the form action Preview - Save and preview.
12. The web page opens in preview modus.
13. Notice the YouTube movie bar.
14. Click on one of the thumbnails.
15. The movie plays in a seperate window.

To change the properties of the YouTube movie bar:

1. Click with your right mouse button on the YouTube icon.
2. The movie context menu appears.
3. Click on Properties movie.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

You can offer the visitors of your website the option to login. Simply add a login box to your web page and visitors can enter their username and password for access to restricted information.

To insert a login box: 

1. Focus your cursor on the location where to insert the login box.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert login box.
5. The login box has been inserted.

To change the properties of the login box:

1. Click with your right mouse button on the login box.
2. The login box context menu appears.
3. Click on Properties login box.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Use a search box to let your visitors perform full text searches on the content of your website. You can choose for a Google Custom Search (internet) or a Server (Domino) Full Text Search (intranet).

To insert a search box: 

1. Focus your cursor on the location where to insert the search box.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert search.
5. The search properties dialog appear.
   For detailed information on all properties, click here.
6. Choose the search engine, fill in the other required properties and click Ok.
7. The search box has been inserted, now visitors of your site can perform full text searches.

To change the properties of the textbox:

1. Click with your right mouse button on the search box.
2. The search context menu appears.
3. Click on Properties search.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Use a sitemap to give your visitors a quick and clear overview of your entire site navigation including all lower level nestings.

To insert a sitemap: 

1. Focus your cursor on the location where to insert the sitemap.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert sitemap.
5. The search box has been inserted.

To change the properties of the sitemap:

1. Click with your right mouse button on the sitemap.
2. The sitemap context menu appears.
3. Click on Properties sitemap.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Use an article rating to let your visitors rate the article in the web page. Visitors can see how many ratings there are and what the average score is between one and five.

To insert an article rating: 

1. Focus your cursor on the location where to insert the article rating.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert ratearticle.
5. The article rating has been inserted.

To change the properties of the article rating:

1. Click with your right mouse button on the article rating.
2. The ratearticle context menu appears.
3. Click on Properties ratearticle.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Include an iFrame to an external URL or to an alternative page that's part of your website.

To insert an iFrame: 

1. Focus your cursor on the location where to insert the iFrame.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert iFrame.
5. The iFrame properties dialog appear.
   For detailed information on all properties, click here.
6. Select a page or fill in a URL, configure the width and height and click Ok.
7. The iFrame has been inserted.

To change the properties of the iFrame:

1. Click with your right mouse button on the iFrame.
2. The iFrame context menu appears.
3. Click on Properties iFrame.
4. Modify the applicable properties and click Ok.
5. For detailed information on all properties, click here.

Use the splitcolumn component to divide a column in two equal columns.

To divide the column: 

1. Focus your cursor on the location where to divide the column.
2. Click on your right mouse button.
3. A context menu appears.
4. Click on Insert splitcolumn.
5. A column has been inserted now that covers the whole width of the container column.
6. Focus your cursor on the new column.
7. Click on your right mouse button.
8. A context menu appears.
9. Click on Insert before - Insert column.
10. Now the container column is divided in two equally sized columns.