Editable Page Operations
Editable Page Operations


TitleText
Pages

You can create and edit HTML pages.

You can view a page as an end user would see it, without editor icons.

A page has one or more sections containing blocks of content. The number of sections and their arrangement on the page is set in the page template. You can add, edit, and remove blocks, and move blocks within their sections.

You can set a page title that is displayed in the browser tab. The title may also be displayed on the page; this depends on the page template.

You can set a page template, which defines the style and layout of the page. 

You can set page assignments, which affect what data is displayed in views on the page.

If the page contains a menu, you can add, edit, delete, and move menu items.

Edit a Page

When viewing a page:

  1. ClickEdit icon at the top of the page.
  2. The Edit icon will change to Display icon and editor icons will appear.


View a Page Without Editor Icons

Editor icons such as Add icon and Edit icon are displayed so that you can edit a page.

When editing a page, to display the page as an end user would see it, without the editor icons:

  1. Click Display icon at the top of the page
  2. The editor icons will disapear and the Display icon will change to Edit icon
  3. To display the page with the editor icons again, click Edit icon at the top of the page.
Blocks

Blocks contain content that is displayed on pages. A page has one or more sections. Each block is in a section of a page.

A block can contain:

  • styled content, including text, images, and displayed views of data, or
  • a form for input of data, or
  • raw text.

You can add blocks to sections, edit blocks in sections, delete blocks from sections, or move blocks around within sections.

Add a Block

When editing a page:

  1. Click Add icon in the section where you want to add the block. (The default template has only one section.)
  2. A dropdown menu will appear. Select the type of block that you want to add: styled content, raw text, or a form.
  3. An editor will appear. Use it to create the content of the block.
  4. Click Proceed icon
Edit a Block

When editing a page:

  1. Click Edit icon on the block that you want to edit.
  2. An editor will appear. Use it to change the content of the block.
  3. Click Proceed icon
Add an Image

When editing a styled content block:

  1. Click Image icon
  2. Select the workspace that contains the image, or to which you want to upload the image
  3. If the workspace contains the image, select it, or
  4. If the workspace does not contain the image, click Image icon and upload the image from your PC
  5. The image will appear with an image editor
  6. You can use the image editor to
    • Give the image a caption
    • Make the image a hyperlink
    • Set alternative text to be displayed if the image cannot be displayed
    • Remove the image
    • Display the image inline or to break the text
    • Align the image to the left or right of neighboring text, or display it where you put it with no alighment
    • Set the size of the image, in pixels or as a percentage of the size of the block that contains it
  7. With the image in place, you can resize it by dragging its sides or click it to display the image editor.
Display Data Using a View

When editing a styled content block: 

  1. Specifications are shown of the views by which data is displayed in the block. These views may also be used to change data.
  2. To add a view:
    • Click View icon
    • Select the workspace that contains the view
    • Select the view
    • A view specification will appear, showing which view you have selected and the write level, which is the access level that a user must have to use the view to change data
    • The write level will be None
  3. To enable users to change data using a view:
    • Click the write level (or None)
    • Select the write level that users changing data must have
  4. To change the view that is used to display the data:
    • Click the view name
    • Select the workspace containing the view that you want to use
    • Select the view.
Move a Block

When editing a page:

  1. Click and hold Drag handle on the block that you want to move
  2. Drag the block to where you want it to go
  3. You can only move a block within its section. You cannot move blocks between sections.
Delete a Block

When editing a page:

  1. Click Remove icon on the block that you want to delete.
  2. A confirmation dialog will appear. Click OK
Set the Browser Tab Title

When editing a page:

  1. If there is no browser tab title, click in the area headed Browser-Tab Title or
  2. If a title has already been set, click in the area headed Browser-Tab Title
  3. A confirm dialog will appear because, if you are editing a block or something else on the page, your work could be lost. If you are not editing anything on the page, click OK
  4. Enter the title that you want to appear in the browser tab.
  5. Click Proceed icon
Set the Page Template

Templates are files that determine the layout and styling of a page. They are created by designers. There is a default template that comes with the system. Your system administrator will tell you if there are other templates that you can use, and where to find them.

To set a page template, when editing the page:

  1. If there is no template set, click Add icon in the area headed Template, or
  2. If a template has already been set, click Edit icon in the area headed Template
  3. A confirm dialog will appear because, if you are editing a block or something else on the page, your work could be lost. If you are not editing anything on the page, click OK
  4. A template form will appear
    • Select the workspace containing the file that you want to set as the template
    • Select the file
    • Click Proceed icon
  5. If you want to revert to the default template for the page:
    • Click Remove icon in the area headed Template
    • Click OK in the confirm dialog.
Set Page Assignments

Page assignments affect the data that is displayed in views on the page. For example, by assigning the value of Country, one page might display the cities of India and another might display the cities of France, using the same view.

To set page assignments, when editing a page:

  1. The page assignments are displayed in the area headed Assignments
  2. To add an assignment, click Add icon in that area, or
  3. To edit an assignmnent, click Edit icon next to it
  4. A confirm dialog will appear because, if you are editing a block or something else on the page, your work could be lost. If you are not editing anything on the page, click OK
  5. Enter the name (e.g. Country) to which you want to assign a value
  6. Select the type of value that you want to assign
  7. Enter the value that you want to assign
  8. Click Proceed icon