Legion Webs



Q. How to Create Pages

It is very likely, the most commonly used page/section type in your site will be "Create Page".

Normal pages, which can contain formatted text, lists, tables, and graphical elements such as lines and images. You can also add hyperlinks – links to other pages, sites, or to downloadable files you've placed in your “media” directory.

Editing Pages

To edit a page, log in to your site administration. Select the Pages > Edit option, you will see a list of all of the pages. Select the page you wish to edit and make whatever changes you would like. Be sure to click on the Update Page button in the right column when finished.


Q. Hiding Pages From The Menu

In administration select Pages. Find the page that you would like to hide and click on the icon that looks like a pencil .


Q. Page Administration

Administration of your web pages

The pages administration consists of three main section:

  1. Modify/delete page
  2. Add page
  3. Modify intro page (this section is only visible when Settings -> Intro page is enabled)

General Settings

Depending on the used backend template (see Settings -> Backend-Theme) the pages administration might look a little different.
Pages can be moved at will within their menu level using drag & drop - if drag & drop is enabled at "Admin-Tools -> Javascript Admin -> Reorder pages by the use of drag-and-drop".


The available functions displayed in the pages administration depend on the permissions of the user logged in. If a page title is colored black, you have no permission to modify the page. Is the page title colored blue, you have the permission to modify the content of the page.


A green plus sign indicates, that this page has one or more subpages. When you click on the plus sign the menu tree expands and the subpages are visible. The plus now changes into a red minus sign. So by clicking on these icons you can show and hide the subpages.

Visibility / Page Title

Each page possesses a page title, which is shown in the header of a browser. The icons alongside the page title display the page's visibility for all visitors of the website. WebsiteBaker knows 5 visibility settings for a given page.

  • Public: The page always appears in the navigation menu – if appropriate - and all visitors are allowed to view it. 
  • Private: Only specific groups are allowed to view this page. The page is included in the navigation menu only after a user from an allowed group has logged in. Anyone trying to access the page directly – by typing the page's url in their browser – will be redirected to a login page.
  • Registered: same as 'Private', with the exception that the page always appears in the navigation menu – if appropriate.
  • Hidden: same as 'Public', with the exception that the page never appears in the navigation menu. The page can still be accessed by users typing the page's url directly in their browser. Useful for pages which you wish to keep outside the navigation hierarchy – such as 'Terms & Conditions', copyright notices, etc.
  • None: The page never appears in the navigation menu, and is not accessible, even if a user directly types the page's url in their browser. It can only be accessed via the pages administration in the backend, which can be useful if you want to modify a page before it is published online.

Menu Title

The menu title is displayed in the website's navigation and also defines the filename of the page. Each page possesses an individual filename.


Each page (and even every section) has an individual ID. This can be useful mainly for Droplets and customizing modules.


Depending on your permissions, the following actions are availabe from the page administration panel:

 icon settings Settings
Change the page settings.
  Manage Sections
Create, modify and delete the sections of a page. If the icon is grey there is either no section available, the sections are not time-dependent or inactive. If the icon is blue, there is at least one section currently time-dependent active.
  Delete Page
Deletes the page
Move page up/down (changes the page position in the navigation menu).
Note: Sort of the pages can be done with drag & drop if 'JavaScript Admin' ist enabled in Admin Tools.

Page Type Concept

WebsiteBaker ships with six page type modules highlighted below:

  • Code: allows you to enter and execute PHP code
  • Form: enables you to setup custom forms fo gather information from your visitors
  • Menu Link: allows to add hyperlinks to external pages which appear in the navigation menu
  • News: kind of blog which allows you to post articles for others to read
  • Wrapper: allows you to embed an external page or site into your website's page
  • Create Page: graphical text editor for adding text, images, hyperlinks ...

The page type needs to be choosen when adding a new page. Depending on the chosen type, different settings and features are available.

Adding Images To The Photo Gallery

Because the documentation is very long, we have decided to put it in a separate file. To view the instructions for the Photo Gallery please click here.

Adding Events To The Calendar

Click on the calendar page in Pages. The following page is shown:

This is the calendar administration page. To add an event, click on Add new event.

The following page is shown:

A page with event detail fields are shown.

  • Start: Required. Use the date picker to set event start date and select list to set the event start time.End date is set to same as start date if no end date is given.
  • End: Required. Use the date picker to set event end date and select list to set the event end time.
  • Caption: Required. Event caption, this is the text that is shown in the calendar page table cell.
  • Long description: long description for the event. You can use HTML -codes.
  • Link text: web link text
  • Link address: web link address here, like www.websitebaker.org
  • Type: select event type
  • Save: saves the event data
  • Clear: clears the fields

After filling out the data, click on the Save-button.

Event is written to database and shown in the Events list.

You can preview the event by clicking on the magnifying glass next to the event or the event caption:

To edit the event, click on the Edit icon shown in the same line as event caption or click on Edit event while previewing the event. Event details

are shown in editable fields.

To delete the event, click on the Trash icon on the same line as event caption or click on Delete selected while previewing the event.

Remove past events: clicking this deletes the events that have passed (i.e. events who's start date and time has gone).



Q. What Are Forms

A “Form” page/section enables you to set up a custom form to gather information from your visitors and users. The information is gathered through textfields, checkboxes, radio buttons, drop-down menus, and other interface items, which you specify, and sent to an email address of your choice. Submissions are stored in the database and can be viewed in the backend administration. The form may optionally contain a captcha, to help avoid spamming.

The Form Editor has two main buttons - “Add Field” and “Settings” - as well as 2 sub-sections - “Modify/Delete Field” and “Submissions”.

Simple contact form
        A very simple contact form


Q. Add Field Button

Click this button to add an interface item to your custom form. Once clicked, your options will be:

  • Title: The name of the item, which is displayed on the form.
  • Type: Can be one of:
    • Heading: a 'title' or emphasized text that appears on the form
    • Short Text: a single-line text field
    • Long Text: a large, multi-line text field
    • Select Box: a drop-down menu or a listbox with multiple selections possible
    • Checkbox Group: Choose from the several checkboxes – each checkbox can be selected seperately from the others.
    • Radio Button Group: A list of options, where only one can be selected - selecting one is deselecting the others.
    • Email address: A single-line text field, where the user must enter a properly formatted email address – if text is enetered which is obviously not an email address, the form will not be submitted.
  • Save/Cancel Buttons: Click to save the entered Title and Type, or to cancel and return to Admin->Pages->Modify Page.


Q. Additional Options

Once you have clicked the “Save” button for the first time, additional options appear depending on the type of field you chose.

  • Heading: Using the “Template” field you can specify - using a combination of html and WB markup such as or - the layout of the heading.
  • Short Text: Set the length of the field (in characters), default text to appear in the field and specify whether the field is required or not (see below).
  • Long Text: Enter a default text to appear in the field and decide whether the field is required or not (see below).
  • Select Box: Enter the options to be listed and optionally a specific size for the menu/box. If “Allow Multiple Selections” is “Yes”, a listbox is going to be displayed, otherwise it will be a drop-down menu. You can also specify whether a selection is required or not (see below).
  • Checkbox Group/Radio Button Group: Enter the options to be listed as well as an optional separator character to be put between each option. You can also specify if a selection is required or not (see below). 
  • E-Mail Address: Specify whether the field is required or not (see below).

If an item is marked required, the form is not going to be submitted, unless the user has entered (correct) information or made a selection.


Q. Settings Button

Click this button to configure the functionality of your form. Once clicked, your options will be:

General Settings

  • Captcha Verification: displays a captcha to help avoid spammers
Note: The use of captcha verification is defined in "Admin-Tools -> Captcha and Advanced-Spam-Protection (ASP) Control", e. g. the type of captcha and Advanced Spam Protection (ASP), which is a spam protection function invisible for humans.
  • Max. Submissions Per Hour: Small values can help avoid spamming.
  • Submissions Stored in Database: The number of submissions that the database will store – when number is exceeded, the oldest entries will automatically be deleted.
  • Header: a mixture of html and WB markup code that opens the form
  • Field Loop: a mixture of html and WB markup code that is repeated for every interface item defined in the form
  • Footer: a mixture of html and WB markup code that closes the form

Email Settings

  • Email to: the email to which form submissions will be sent
    Note: You need to enter a valid mail address, otherwise no emails will be sent.
  • Email from: Submissions will reach you as if they were sent from this address. You can enter an email address or choose one from your form's email fields - if available.
  • Email Name: the name of the sender of the email
  • Email Subject: the subject heading of the email the form will send

Success Settings

  • Email Text: This message is displayed in the email to the user (if an entry is chosen in Email To:) and as well on the website (if there is no success page defined) after the information is submitted successfully.
  • Success Page: Choose a page which you want to appear after the form has been sent.
Email clients offer the function of defining rules or filters, which automatically handle emails sent by your website's form and emphasize or file them for example, based on the email subject. See your email client's documentation for details. 


Q. Modify/Delete Field

Use the “Modify/Delete Field” list to reorder, edit or delete the items of your form.
To edit the settings of an existing item, click on its leftmost “Settings” icon or its title. 

      Click on the “Settings" icon – or the title

To delete an item, click on its rightmost “delete” icon.

      The "Delete" icon

To move an item up or down in the form, click the item's “up” or “down” icon.

      The "up" and "down" icons of every item


Q. Submissions

The list in this section will contain the submissions of users and visitors who have used your form. Only a defined number of submissions is stored in the database – by default, 100. You can change this number in the form's Settings.

You can use the list to view and delete the submissions received. 
To view a stored submission, click the “Submission Folder” icon.

The "Submission Folder“ icon

To delete a submission, either click the “delete” icon rightmost in the submissions list , or, while viewing the submission, click the “ Delete” button.  

The “Delete” icon


Copyright 2013-2017 LegionWebs.com. All Rights Reserved.