To main heading

Smallsite Design

Online editing help

Article body

The article body holds the bulk of the content of an article, commonly known as below-the-fold.

The content on this page is meant to look mostly like what the rendered page will be like, except for some minor spacing differences. When elements are selected, an element block will appear above the element or in its parent's one, allowing the element to be edited or its place in the article structure to be changed. Tables have an extra column at the end to allow rows to be selected, and selected elements in an aside will be expanded to almost fill the width of page to give space to their edit boxes. Press Ctrl | control+F to open a search box for the page.

The introduction and any basic aside belonging to the article have greyed backgrounds to indicate that they are edited in the Article head page for the article.

For the details of how to edit articles, see Editing help.

Descriptions of the navigation bar items.

The areas of an article body navigation bar are:
Article body navigation barabc
aOwner pathVersion owner hierarchy
bVersion navigationStage and jumps between versions of the article, and undo to remove the latest version and return to the previous one
cPhase detailsVarious details of the current phase

The article body navigation bar provide jumps to the pages for it and its hierarchy of owners.

The navigation bar items are:
1SubsiteOwning subsite identifier as a jump to its entry in the Access section in the Work list page, with its category list expanded
2CategoryOwning category identifier as a jump to its entry in the Access section in the Work list page, with its article list expanded
3ArticleArticle identifier as a jump to its entry in the Access section in the Work list page. New for a new article
4VersionVersion identifier as a jump back to its entry in the versions list of the History page

The article body navigation bar facilitates navigating between versions.

The version navigation items are:
1StageVersion's stage in the page's lifecycle
2ViewLink to a special non-public view of the current version. It will have a highlighted notice indicating its status
3PreviousJump to the previous version in this page. Only shown if there are earlier versions
4NextJump to the next version in this page. Only shown if there are later versions other than the latest
5LatestJump to the latest version in this page. Only shown if there are later versions
6UndoUndo the last operation by deleting the current version and jumping to the previous version. Requires a subsequent click on Confirm to do the delete. Only available for the current WIP version if it is not the first or only WIP version
7Add fileJump to the add file view of the Files page. Only shown for the master manager while editing in the master locale

There is no Undo button if the viewed version is a draft. Drafts can only be deleted in the Version list of the History page, except if it is the only version after the latest release, in which case the editing must be abandoned.

The article body navigation bar holds the details of the current phase.

The phase details are:
1PhaseCurrent editing phase as a jump to the article's entry in the In-progress section of the Work list page
2LocaleLocale being processed by the current phase. Only shown if an assigned phase
3User IDUser identifier of the person assigned the current phase. If not an assigned phase, Manager is shown
4DueDuration in which the task is expected to be completed. Only shown for an assigned phase

There are some links for special navigation between page areas and checkboxes for exposing the hover buttons.

The links and checkboxes under the introduction, along with a sample hover button and indicators, are:
Links and checkboxes under the introduction with select button and indicatorsabcdefgh
aSpikesSpike number | number of items. Links to each spike with items. Each spike with links is shown, even if they do not have any items available in the current context and thus not listed in the Spikes table
bSourcesLink to the sources for the document. Includes the number of sources. The target of this link links back to this
cLegendLink to the floating edit bar legend. The target of this link links back to this
dElementsCheckbox to show the indicators for where the hover buttons are above. Press Alt | option+Shift+_ to toggle
eChildrenCheckbox to show the hover buttons of all the children of the current element. Press Alt | option+Shift+# to toggle
fLink to the article heading
The hidden button that is shown when hovered over or tabbed to. When clicked on, its element is made current. They are prefixed with a checkbox for use with the multi-delete facility
hIndicatorPartially transparent square to hover over to show the hover button. Green if the element is enabled, and red for automatically disabled. Usually at the start side for an element, a couple of centimetres in for an introduction, and at the end side for non-visual parent elements like columns

Hover buttons are the key to allowing the page to look almost like how the resulting page will look, while providing ready access to elements for editing. For tables, a special column is placed at the end to allow hover buttons for selecting rows. If a hover button has a ʘ after the name, there are review notes for it or a descendant.

Each user can set whether the Children box is always checked by clicking the checkbox in the Hover show row of their details table in the Users page.

Hover buttons can sometimes make it difficult to access an underlying element that still has active functionality while editing, like the labels on a figure. To use the link on a PC desktop, click-and-hold on the hover button, then move the mouse cursor off it and release, leaving the hover button with focus. Then press the Tab key to move focus to the link, then press the Enter | return key to go to the link's target.

Element block

The element block that appears for a selected element or its ancestors provides information about the element and gives access to operations centred upon it.

See Element block for details about the areas of an element block:
Sample element block

Selecting an aside or columns will leave its child elements at their normal width, but when one of those children is selected, it will be displayed at almost full page width so its editing box is not cramped.

Other facilities

There are other items at the bottom of the page that enable accessing source articles and provide extra information for the page.

The items at the bottom of the page are:
1SourcesList of jumps to the sources available for content to import into the article
2LegendList of the symbols used in an action bar of an element, and their purpose. Links back to a the Legend link under the page introduction line
List of elements that can be inserted inline in rich text elements using the codes or letters provided. Links back to Elements link above the editing field for the current element

A master manager, even if assigned for the editing, can add up to three articles as sources. A source article's Article body page includes a jump back under its introduction line for each article sourcing from it, allowing a quick return to the articles requiring the content.

Keyboard shortcuts

There are some keyboard shortcuts that help speed up common tasks.

The keyboard shortcuts active in this page are:
a\Opens the Work list page
b~Safely refreshes the current management page
c _ Toggles whether the selection areas of hover buttons are indicated by a partially-transparent green background. Click or touch the background to directly select the element
d#Toggles whether the hover buttons of all the children of the current element are displayed. Deletable children will have a starting checkbox in their hover button
e@Goes to the element block of the current element being edited. If no element is being edited, goes to the article element
f&Goes to the spikes table if shown
  • Spikes
  • Element block
  • Contact   Glossary   Policies
  • Categories   Feed   Site map

  • This site doesn't store cookies or other files on your device when visiting public pages.
    External sites: Open in a new tab or window, and might store cookies or other files on your device. Visit them at your own risk.
    Powered by: Smallsite Design©Patanjali Sokaris