Open Source Content Management System

On-site AJAX editing with MidCOM

  1. Enter AJAX editing mode by double click
  2. Editing mode
    1. AJAX editing mode
    2. Preview
    3. AJAX preview mode
    4. Save
    5. AJAX saving form
    6. AJAX form saved successfully
    7. Cancel
    8. Delete

AJAX editing is a quick and easy way to edit Midgard pages without need of changing the page. The intent of AJAX is to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes, so that the entire web page does not have to be reloaded each time the user makes a change. This is meant to increase the web page's interactivity, speed, and usability.

AJAX editing requires JavaScript enabled browser. Recommendation is Mozilla Firefox v1.5 or newer.

If your web pages have AJAX enabled and you are using a modern browser, it is possible to see if the content is editable by hovering the mouse cursor on it. If the text under the mouse cursor turns yellow or there is a Double click to edit text, it means that it is possible to edit the text with AJAX.

Simply double click on the text to enter AJAX editing mode.

view_AJAX enabled.jpg

Enter AJAX editing mode by double click

Your web site might have customized names. Names change also depending on the used component. Consult your site manager if you are unsure of what to do.

Depending on the configurations there can be many different objects to edit. They range from simple text fields to more complex fields, such as TinyMCE content editor.

Editing mode

There are four different actions in AJAX editing mode

  1. Preview
  2. Save
  3. Cancel
  4. Delete

view_Editing mode.jpg

AJAX editing mode

Preview

Preview mode enables you to preview the page to evaluate if the page meets the requirements.

view_Preview mode.jpg

AJAX preview mode

It is possible to either

  1. Return to the editing mode or
  2. Save the page and to exit AJAX mode

Save

When the content meets the requirements you may click on Save to save the edited content. When button Save has been clicked there will be an icon (see the picture) indicating the process.

view_Editing mode - saving.jpg

AJAX saving form

AJAX saves the page in the background. When the page has been successfully saved, there will appear a notification window (see the picture) indicating completion. This window will disappear automatically after a few seconds.

view_Saved successfully.jpg

AJAX form saved successfully

Cancel

Clicking on cancel will discard all the changes made to the document and restore the original content.

Delete

It is also possible to delete the currently edited page in AJAX editing mode. Click on Delete button to remove the current page.

Delete button does not ask for a confirmation, do not click it unless you really want to delete the page!

Designed by Nemein, hosted by Anykey