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:
- You can directly select any data element using the cursor. However,
this cannot be used to create new elements.
- 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:
- 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.
- 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: