Roxen Content Provider Manual - Insite Editor Help




Concepts
Before you start
Edit mode
Creating a page
Editing a page
Conflict resolution

Editing a page

To insert one or several new components on a page, or change the contents of some component, first enter edit mode. Navigate to the page you want to edit using the web page navigation, unless you are already at the correct page. (See previous chapter for how to enter edit mode and navigate the site.)

When the page you want to edit is displayed in the window, and its name is shown in the edit toolbar, click the "Edit" button in the edit toolbar (not the "Enter edit mode" link in the web page navigation which will do nothing at this point).

In sites which are created with templates taken from recent versions of Roxen CMS, you can in most instances also click directly on the small "Edit" icon that is presented in the content area of a web page (pictured below). This will take you directly to the corresponding part of the page editor.


The page editor


In the page editor, you can edit and rearrange existing page components, or insert new components on the page. You can also change the page title.

Each page component is represented by a small button to the left of the component on the page. Clicking the button will open the editor for that component, and allow you to change it.

Clicking the Insert button above each component except the header, accesses a pulldown menu where you can choose what type of component you want to insert at that place.

The position of the component can easily be changed by simply clicking the up and down arrows to the left of the component button.

Working with a component

As mentioned above, clicking on the name of a component in the left-hand margin will diplay the settings of that component. It can look like this:


In this example the Header component was chosen, and you can see that it has three parameters that you can edit:

  • Variant
  • Title
  • Subtitle

The settings available in a particular component is described in the section Component types.

There is also a set of buttons in the upper right corner of the component editor:


Cuts the component from the page and places it on the clipboard.


Copies the component from the page and places it on the clipboard.


Deletes the component from the page. This action asks for confirmation before the change is made.


Accepts the changes made to the component and hides the input fields belonging to the component.

Note that this step is not necessary for saving your changes. You can also click directly on any other component name or the "Save page" or "Cancel" buttons at the top of the window.

The clipboard

When cutting or copying components, they are placed on a clipboard maintained on the Roxen CMS server. This clipboard is not shared with other users.

Note!

The clipboard will be preserved as long as the server is not restarted. Don't rely on data staying there for a long period of time.

You can keep several components on the clipboard at the same time. You can also paste items on the same page or other pages within the same web site. To paste, click the "Insert" icon and move the mouse cursor to the last entry in the menu to see all items available for pasting. If some items are grayed out, they cannot be inserted on the current page; this may be caused by a limit on the number of allowed components of a certain type or similar types of restrictions.


The sub-menu also contains a command named "Clear Clipboard" which you can use to remove all items currently placed on the clipboard.

When copying and pasting components, the page editor will take care of adjusting links and paths to images or documents that are relative to the original page.

Exiting the page editor

Clicking the "Save Page" button will save your changes and return you to the main edit mode. Clicking "Cancel" will return you to the main edit mode without saving any of your changes. Remember that even if you save your changes, you can revert the page to its currently published state by clicking the "Revert" button in the edit toolbar.