Edit a node using a virtual page template

REQ-188

Actors

Name
User

When you navigate to a node in the repository, for which a published virtual page template exists (please compare Configure a virtual page template use case), the application will use the template in conjunction with the node data to create a HTML page, called a virtual page.

You can edit the virtual page by invoking the Edit menu action.

Only the editing of the HTML elements associated to properties of the node or associated nodes shall be edited, they will be called data elements here. Hence there are less editor actions possible, please compare Edit virtual page. Basically, you

  • Navigate from one data element to another one.
  • Edit the content of the element.

Navigating data elements

There are two options to navigate data elements:

  1. You can directly select any data element using the cursor. However, this cannot be used to create new elements.
  2. You can tab forward and backward to the next or previous data element, respectively. For multiply occurring elements (please compare Create a new node type use case) a new data element will be inserted temporarily at the end of the already existing elements, if you are tabbing forward. Else, if you are tabbing backward, it will be inserted temporarily at the beginning of the multiply occurring elements. If you do not enter any value, but continue to tab, the temporary data element will be removed again.

    For example, if you have a table, whose rows are associated to some child node. If you are tabbing forward and reach the last row of the table and tab forward again, a new row will be inserted. You can now either enter some values for the row or continue to tab forward. In the latter case, the temporary row will be removed.

Edit element content

When you navigate to a data element, it will be highlighted in either of two ways:

  1. If you can enter directly, it will get a lowered bevel border: . Content will be either plain text or a component edited in an embedded component editor, please compare the Use the HTML view.
  2. In any other case, it will get a raised bevel border like a button: . You may press ENTER to start a dialog to modify the content of the element. In this case, it depends on the element, which dialog will be displayed: