Views: 6633
Last Modified: 10.10.2012

In edit mode, a user can configure parameters of the components existing in a current page or in the site template, and the data rendered by these components.

If not in edit mode yet, you can turn it on by clicking on the mode toggle: Edit Mode Toggle

Now, move the mouse pointer over the webpage surface. Whenever you hover the pointer over an area containing editable data or a configurable component, such area will be highlighted with a red frame and a context toolbar will appear. Consider an example of the Menu component, whose red frame and the toolbar became visible because a user hovers the mouse pointer over it:

Click to Enlarge

If a component existing in the template or the page work area does not print any data on a current page (for example, the navigation chain may be set to not display on the main page), the component will give a positive indication of such behavior by rendering the icon A component does not print any data on a page.

The component menu may include typical buttons common to general information management commands, as well as the component specific items. For example, the Catalog component show the following toolbar:

Menu of the 'Catalog' component

The following table summarizes the common component toolbar areas.

The component toolbar areas
Drag area Use this portion of the component toolbar to drag it to any desired position of the screen.
Content specific commands This region contains commands providing control over the content rendered by the component. The commands may vary depending on the component, or may be absent at all.
Position pin If you have the toolbar moved to a desired position by using the drag area, you can fix the position by using this button. Whenever you open the current page again in the future and activate the component toolbar, it will appear in exactly the same place where you left it.
Component configuration pane
Invokes the configuration for the default underlying component among other subcomponents.
Component selector
Shows the drop-down menu containing the configurable subcomponents. For example:

Stack commands vertically This button enables the vertical layout for the toolbar, which makes it more compact:

Courses developed by «Bitrix», Inc.