Editing documents and pages

There are two main differences between editing documents and pages in Kentico:

  • In the Pages application, you mainly edit the content of documents on the Form tab.
  • In the Pages application, you mainly edit the content of pages on the Page tab.

In this topic, you can learn about:

Editing pages in the Pages application

  1. Open the Pages application.
  2. In Content tree, click on the page that you want to edit.


     
  3. Make sure you are on the Page tab.
  4. Click into an editable region.


     
  5. Use the editor to make changes in the editable region.

  6. Save the changes that you made.

The system reloads the page to display the updated content. You can now preview  the changes that you made to the page.

To preview the changes that you made to the page

You can preview how the changed page looks by switching to the Preview view mode.

The Preview mode allows you to see how the page looks even if it hasn't been published yet. That is, you always see the last version of the page.

Live site allows you to see the page the way site visitors currently see it. Note, however, that Live site doesn't have to show the latest version of the page that you edited. For example, when the latest version of the page hasn't been published yet. To open Live site, use the Live site button in the Application list.

Editing pages on the Live site

  1. Log on to the live site.
  2. Click on Edit page in the top left corner.


     
  3. Navigate to the page that you want to edit.
  4. Move your mouse over the section of the page that you want to edit. The system automatically highlights the editable regions as you move your mouse over them.

    You can use the Highlight action on the on-site editing toolbar above the page. The button makes all editable items placed on the page visible at the same time. This way you can easily find all editable text regions and editable images and modify them as necessary.

  5. Click on the Edit () button of the editable region that you want to edit. An Edit text dialog appears.


     
  6. Use the editor to make changes to the text.

  7. Save the changes that you made.

The system reloads the page to display the updated content.

Editing documents in the Pages application

  1. Open the Pages application.
  2. In Content tree, click on the document that you want to edit.


     
  3. Switch to the Form tab.



  4. Use the editor to make changes to the document.

  5. Save the changes that you made.

The system reloads the page to display the updated content. You can now preview the changes that you made to the document.

To preview the changes that you made to the document

You can preview how the changed document looks by switching to the Preview view mode.

The Preview mode allows you to see how the document looks even if it hasn't been published yet. That is, you always see the last version of the document.

Live site allows you to see the page the way site visitors currently see it. Note, however, that Live site doesn't have to show the latest version of the page that you edited. For example, when the latest version of the page hasn't been published yet. To open Live site, use the Live site button in the Application list.

Editing documents on the Live site

  1. Log on to the live site.
  2. Click on Edit page in the top left corner.


     
  3. Navigate to the document that you want to edit.
  4. Click on the Edit button on the top panel. An Edit document dialog appears.
  5. Edit the document using the editor. This editing dialog is equivalent to the one on the Form tab of the Pages application.


     
  6. Confirm the changes that you made by using Save & close.

The system reloads the page to display the updated document.

In many cases, document lists are configured to provide edit mode buttons, which are also visible when editing the live site. Such buttons are shown both on the list page next to individual items and when viewing the details of a specific document.

The Edit button works the same way as the corresponding action on the main toolbar.