<?xml version='1.0' encoding='UTF-8'?>
<!-- This document was created with Syntext Serna Free. --><!DOCTYPE section PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN"
        "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [
        <!ENTITY % BOOK_ENTITIES SYSTEM "../../User_Guide.ent">
        %BOOK_ENTITIES;
        ]>
<section id="sect-User_Guide-Contribute_Content" role="NotInToc">
    <title>Contribute content</title>
    <para>
This function allows contributor to edit content, quickly access content list folders from the homepage of the current site, publish content without using the
<link linkend="sect-User_Guide-Actions-Manage_Publications">Manage Publication</link> function in <emphasis role="bold">Sites Explorer</emphasis>.
</para>
    <section id="sect-User_Guide-Contribute_Content-Edit_Mode">
        <title>Edit mode</title>
        <para>When you access a site, by default, the site content is in the published mode and you cannot edit
            them.
        </para>
        <para>
            However, each site in &PRODUCT; has the
            <emphasis role="bold">Edit</emphasis>
            mode which enables you to edit all content of the current site. When hovering your cursor over content,
            you can see the Edit icon which enables you to quickly edit this content. You can take advantage of this
            feature to submit content to a page.
        </para>
        <para>To turn on the
            <emphasis role="bold">Edit</emphasis>
            mode, hover your cursor over
            <guilabel>Edit</guilabel>
            on the <guilabel>Administration</guilabel> bar, then select
            <guilabel>Content</guilabel>
            from the drop-down menu.
            <mediaobject>
                <imageobject role="html">
                    <imagedata align="center" fileref="images/twomodes.png" format="PNG"/>
                </imageobject>
                <imageobject role="fo">
                    <imagedata width="80mm" scalefit="1" align="center" fileref="images/twomodes.png" format="PNG"/>
                </imageobject>
            </mediaobject>
        </para>
        <para>
            For Single Content Viewer (SCV), you can see the current state of the content, the Edit Content icon and
            Preferences icon.
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata align="center" fileref="images/singlecontentviewer1.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata width="150mm" scalefit="1" align="center" fileref="images/singlecontentviewer1.png" format="PNG"/>
            </imageobject>
        </mediaobject>
        <para>
            For Content List Viewer (CLV), you can see the current state of the content, the Edit Content icon, the
            Preferences icon, the Add Content icon and the Manage Content icon.
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata align="center" fileref="images/lcv.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata width="150mm" align="center" fileref="images/lcv.png" format="PNG"/>
            </imageobject>
        </mediaobject>
    </section>
    <section id="sect-User_Guide-Contribute_Content-InContext_Editing">
        <title>InContext Editing</title>
        <para>
            By using the
            <emphasis role="bold">InContext Editing</emphasis>
            feature, the process of editing a page becomes more intuitive. This feature allows you to edit content
            &quot;in context&quot; without using the WYSIWYG editor, and the new content will automatically override old
            one.
        </para>
        <para>
            To use <emphasis role="bold">InContext Editing</emphasis>, you first need to turn on the <emphasis role="bold">Edit Mode</emphasis>.
        </para>
        <section id="sect-User_Guide-InContext_Editing-Add_Content">
            <title>Add content</title>
            <para>
                Adding new content by using
                <emphasis role="bold">InContext Editing</emphasis>
                is enabled for the
                <emphasis role="bold">Content List Viewer</emphasis>
                (CLV).
            </para>
            <procedure>
                <step>
                    <para>
                        Turn on the <emphasis role="bold">Edit Mode</emphasis>, then hover your cursor over the CLV to
                        which you want to add new content.
                    </para>
                </step>
                <step>
                    <para>
                        Click
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/Add_Content_icon.png" format="PNG" scalefit="1" width="4mm"/>
                            </imageobject>
                        </inlinemediaobject>
                        on the CLV.
                    </para>
                    <para xml:id="content_templates">
                        You will be directed to the
                        <emphasis role="bold">Sites Explorer</emphasis>
                        with a list of content templates for you to select.
                    </para>
                    <mediaobject id="proc-User_Guide-Add_Content-Add_a_new_content-Content_Types">
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/documentform.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="130mm" scalefit="1" align="center" fileref="images/documentform.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                  <para><emphasis role="bold">Details:</emphasis></para>
                  <table>
                        <tgroup cols="2">
                            <thead>
                                <row>
                                    <entry>Field</entry>
                                    <entry>Description</entry>
                                </row>
                            </thead>
                            <tbody>
                                <row>
                                    <entry>
                                        <guilabel>Free layout web content</guilabel>
                                  </entry>
                                    <entry>This template is a free layout.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Picture on head layout web content</guilabel>
                                    </entry>
                                  <entry>The site's content is
                                    presented in two spaces. One is for inserting an image and the other for editing the
                                    site's content.
                                    The image will be put at the head of a site.
                                  </entry>
                                </row>
                                <row>
                                    <entry>
                                        <inlinemediaobject>
                                            <imageobject>
                                                <imagedata width="4mm" scalefit="1" fileref="images/listview_icon.png"
                                                           format="PNG"/>
                                            </imageobject>
                                        </inlinemediaobject>
                                    </entry>
                                    <entry>Display the list of the content templates in the List view.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <inlinemediaobject>
                                            <imageobject>
                                                <imagedata width="4mm" scalefit="1" fileref="images/thumbnailview_icon.png"
                                                           format="PNG"/>
                                            </imageobject>
                                        </inlinemediaobject>
                                    </entry>
                                    <entry>Display the list of the content templates in the Thumbnail view.</entry>
                                </row>
                                <row>
                                    <entry>
                                        <inlinemediaobject>
                                            <imageobject>
                                                <imagedata width="4mm" scalefit="1" fileref="images/close_template_selector_icon.png"
                                                           format="PNG"/>
                                            </imageobject>
                                        </inlinemediaobject>
                                    </entry>
                                    <entry>Cancel selecting the content template and back to the previous page.</entry>
                                </row>
                            </tbody>
                        </tgroup>
                    </table>
                </step>
                <step>
                    <para xml:id="proc-User_Guide-Add_Content-Add_a_new_content-step3">
                        Click one template for your content. Each template has an Info bar on the top of the template.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/info_bar.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="150mm" align="center" fileref="images/info_bar.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                    <para>
                        <emphasis role="bold">Details:</emphasis>
                    </para>
                    <table>
                        <tgroup cols="2">
                            <thead>
                                <row>
                                    <entry>Field</entry>
                                    <entry>Description</entry>
                                </row>
                            </thead>
                            <tbody>
                                <row>
                                    <entry>
                                        <guilabel>Change Content Type</guilabel>
                                    </entry>
                                    <entry>Select another content types.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guibutton>Save</guibutton>
                                    </entry>
                                    <entry>Save the content without closing the content form.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guibutton>Save &amp; Close</guibutton>
                                    </entry>
                                    <entry>Save the content and close the content form.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guibutton>Close</guibutton>
                                    </entry>
                                    <entry>Close the content form without saving the content.</entry>
                                </row>
                                <row>
                                    <entry>
                                        <inlinemediaobject>
                                            <imageobject>
                                                <imagedata width="4mm" scalefit="1" fileref="images/fullscreen_option.png"
                                                           format="PNG"/>
                                            </imageobject>
                                        </inlinemediaobject>
                                    </entry>
                                    <entry>Switch on/off the full-screen mode.</entry>
                                </row>
                            </tbody>
                        </tgroup>
                    </table>
                </step>
                <step>
                    <para>
                        Fill all the fields in the form. See the
                        <link linkend="sect-User_Guide-Actions-Add_a_document">Add a document</link>
                        section to know how to create the different content types.
                    </para>
                </step>
                <step>
                    <para>
                        Click
                        <guibutton>Save</guibutton>
                        or
                        <guibutton>Save &amp; Close</guibutton>
                        to save the document.
                    </para>
                </step>
            </procedure>
            <note>
                <para>The folder, where a document is saved, is the path you have selected in the
                <link linkend="sect-User_Guide-InContext_Editing-Preferences">Manage preferences</link>
                section.</para>
            </note>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Edit_Content">
            <title>Edit
                content</title>
            <para>
                You can edit any content on the homepage for SCV and CLV with <emphasis role="bold">InContext Editing</emphasis>. However, for CLV, you only can
                edit each content in it.
            </para>
            <procedure>
                <step>
                    <para>
                        Turn on the
                        <emphasis role="bold">Edit</emphasis>
                        mode by hovering your cursor over
                        <guilabel>Edit</guilabel>
                        on the <guilabel>Administration</guilabel> bar, then select
                        <guilabel>Content</guilabel>.
                    </para>
                </step>
                <step>
                    <para>Hover your cursor over the content you want to edit, and click
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata width="3mm" scalefit="1" fileref="images/inline_edit_icon.png" format="PNG"/>
                            </imageobject>
                            <textobject>
                                <phrase>pencil</phrase>
                            </textobject>
                        </inlinemediaobject>
                        at the right corner. You will be directed to
                        <emphasis role="bold">Sites Explorer</emphasis>
                        with the document form for you to edit.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/editform.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="150mm" align="center" fileref="images/editform.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        Make changes on the content, then click
                        <guibutton>Save</guibutton>
                        or
                        <guibutton>Save &amp; Close</guibutton>
                        to accept your changes.
                    </para>
                </step>
                <step>
                    <para>
                        Click
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata width="3mm" scalefit="1" fileref="images/backicon.png" format="PNG"/>
                            </imageobject>
                            <textobject>
                                <phrase>green reverse arrow</phrase>
                            </textobject>
                        </inlinemediaobject>
                        to return to the site. In the
                        <emphasis role="bold">Edit</emphasis>
                        mode, your new content will be in the &quot;Draft&quot; state with its visible modifications.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/draftcontent.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="150mm" align="center" fileref="images/draftcontent.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>Click
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata width="3mm" scalefit="1" fileref="images/publish-icon.png" format="PNG"/>
                            </imageobject>
                        </inlinemediaobject>
                        , or
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata width="9mm" scalefit="1" fileref="images/publish_icon1.png" format="PNG"/>
                            </imageobject>
                        </inlinemediaobject>
                        on the <guilabel>Action</guilabel> bar to publish your edited content. Your content is now in the "Published" state.
                    </para>
                </step>
            </procedure>
            <note>
                <para>
                    You cannot see the edited content in the draft state when you turn off the
                    <emphasis role="bold">Edit</emphasis>
                    mode.
                </para>
            </note>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Manage_Content">
            <title>Manage content</title>
            <para>
                With <emphasis role="bold">InContext Editing</emphasis>, you can easily manage a Content List Viewer on
                the homepage. You can add new content in the CLV, edit, delete an existing content or copy/cut/paste
                to another CLV and take more actions in the right-click menu.
            </para>
            <citetitle>
            <para xml:id="proc-User_Guide-Manage_Content-Manage_Content">
                <emphasis role="bold">
                    Add content in the CLV
                </emphasis>
            </para>
            </citetitle>
            <procedure>
                <step>
                    <para>
                        Turn on the
                        <emphasis role="bold">Edit</emphasis>
                        mode.
                    </para>
                </step>
                <step>
                    <para>Hover your cursor over the CLV which you want to manage on the homepage, and click
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/Manage_content.png" format="PNG" scalefit="1" width="4mm"/>
                            </imageobject>
                        </inlinemediaobject>
                        .
                    </para>
                    <para>
                        You will be directed to the
                        <emphasis role="bold">Sites Explorer</emphasis>
                        page.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/managecontent1.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="150mm" align="center" fileref="images/managecontent1.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                  <para>
                    Click
                    <inlinemediaobject>
                      <imageobject>
                        <imagedata width="20mm" scalefit="1" fileref="images/adddocumenticon.png" format="PNG"/>
                      </imageobject>
                      <textobject>
                        <phrase>[ Add Document ]</phrase>
                      </textobject>
                    </inlinemediaobject>
                    on the
                    <guilabel>Action</guilabel>
                    bar.
				    </para>
				</step>
				<step>
				    <para>
						Do the same steps as in the
                        <link linkend="sect-User_Guide-InContext_Editing-Add_Content">Add Content</link>
                        section.
                    </para>
			    </step>
				</procedure>
				<para>
				<citetitle>
					   <emphasis role="bold">Do other actions
					   </emphasis>
			    </citetitle>
				</para>
				<para>
					Right-click specific content in the CLV to open the drop-down
                        menu. From here, you can do many actions as mentioned in the <link linkend="sect-User_Guide-Actions_on_Folders_and_Documents">Actions on folders and documents
                        </link>
                        section.
                    </para>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Preferences">
            <title>Manage preferences</title>
            <para>
                Preferences enable you to edit content in the Single Content Viewer (SCV) and the Content List Viewer
                (CLV), reset the display of the content in SCV and CLV and publish content.
            </para>
            <citetitle>
            <para xml:id="form-User_Guide-Preferences-Content_Detail_Preferences"><emphasis role="bold">Edit the Single Content Viewer</emphasis></para>
            </citetitle>

                <procedure>
                    <step>
                        <para>
                            Turn on the
                            <emphasis role="bold">Edit</emphasis>
                            mode.
                        </para>
                    </step>
                    <step>
                        <para>
                            Select
                            <inlinemediaobject>
                                <imageobject>
                                    <imagedata fileref="images/Preferences_icon.png" format="PNG" scalefit="1" width="3mm"/>
                                </imageobject>
                            </inlinemediaobject>
                            of a Single Content Viewer.
                        </para>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata align="center" fileref="images/scvpreferences.png" format="PNG"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata width="100mm" scalefit="1" align="center" fileref="images/scvpreferences.png"
                                           format="PNG"/>
                            </imageobject>
                        </mediaobject>
                        <para>
                            The
                            <guilabel>Content Detail Preferences</guilabel>
                            dialog appears.
                        </para>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata align="center" fileref="images/scvpreferences1.png" format="PNG"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata width="100mm" scalefit="1" align="center" fileref="images/scvpreferences1.png"
                                           format="PNG"/>
                            </imageobject>
                        </mediaobject>
                        <para>
                            <emphasis role="bold">Details:</emphasis>
                        </para>
                        <table>
                            <tgroup cols="2">
                                <thead>
                                    <row>
                                        <entry>
                                            Field
                                        </entry>
                                        <entry>
                                            Description
                                        </entry>

                                    </row>

                                </thead>
                                <tbody>
                                    <row>
                                        <entry>
                                            <guilabel>Content Selection</guilabel>
                                        </entry>
                                        <entry>
                                            Select the path of the content that you want to show by clicking
                                            <inlinemediaobject>
                                                <imageobject>
                                                    <imagedata width="4mm" scalefit="1" fileref="images/blueplusicon.png"
                                                               format="PNG"/>
                                                </imageobject>
                                                <textobject>
                                                    <phrase>blue plus</phrase>
                                                </textobject>
                                            </inlinemediaobject>
                                            .
                                        </entry>

                                    </row>
                                    <row>
                                        <entry>
                                            <guilabel>Display Settings</guilabel>
                                        </entry>
                                        <entry>
                                            Configure the visibility of Title, Date and Option bar.
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Title</guilabel>:
                                                        Select this checkbox to display the title of the content.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Date</guilabel>:
                                                        Select this checkbox to display the date of the content
                                                        publication.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Option Bar</guilabel>:
                                                        Select this checkbox to display the
                                                        <guilabel>Option</guilabel>
                                                        bar which is used to show the print link.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                        </entry>

                                    </row>
                                    <row>
                                        <entry>
                                            <guilabel>Print Settings</guilabel>
                                        </entry>
                                        <entry>
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show in Page</guilabel>:
                                                        The content is shown in the page.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>with</guilabel>:
                                                        Parameters contain the content path.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                        </entry>
                                    </row>
                                    <row>
                                        <entry>
                                            <guilabel>Advanced</guilabel>
                                            link:
                                        </entry>
                                        <entry>When clicking this link, the
                                            <guilabel>Advanced</guilabel>
                                            pane will be shown with two parts.
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Dynamic Navigation</guilabel>:
                                                        Allow you to get a parameter to configure the
                                                        portlet by URL. It means that the URL containing the content
                                                        path can be dynamically changed.
                                                    </para>
                                                    <itemizedlist>
                                                        <listitem>
                                                            <para>
                                                                <guilabel>Disable</guilabel>:
                                                                By default, if the property is set as &quot;Disable&quot;,
                                                                the
                                                                <guilabel>Advanced</guilabel>
                                                                pane is closed by default. It means the single content
                                                                will be opened by an URL
                                                                containing the Content Path.
                                                            </para>
                                                        </listitem>
                                                        <listitem>
                                                            <para>
                                                                <guilabel>Enable</guilabel>:
                                                                This portlet is configured with the provided parameter
                                                                ("content-id" by default) and the content.
                                                            </para>
                                                        </listitem>
                                                        <listitem>
                                                            <para>
                                                                <guilabel>By</guilabel>:
                                                                This parameter is the key in the URL to let SCV know
                                                                which really is the path in the current URL. It is
                                                                editable when the
                                                                <guilabel>Contextual Content</guilabel>
                                                                is set to "Enable".
                                                            </para>
                                                        </listitem>
                                                    </itemizedlist>
                                                </listitem>
                                                <listitem>
                                                    <para xml:id="User_Guide-Preferences-Content_Detail_Preferences-Content_visibilitySCV">
                                                        <guilabel>Content Visibility</guilabel>:
                                                        Allow you to use a cache shared between users to
                                                        get content. If you want to get content, which are displayed
                                                        in CLV or SCV, from one cache, select
                                                        <guilabel>Restricted by Authentication.</guilabel>
                                                        If not, select
                                                        <guilabel>Restricted by User Roles.</guilabel> In most cases, you should not switch to <guilabel>Restricted by User Roles</guilabel> as it reduces the overall performance.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                        </entry>
                                    </row>


                                </tbody>

                            </tgroup>

                        </table>
                        <note>
                            <para>
                                Hover your cursor over
                                <inlinemediaobject>
                                    <imageobject>
                                        <imagedata width="4mm" scalefit="1" fileref="images/questionicon.png" format="PNG"/>
                                    </imageobject>
                                    <textobject>
                                        <phrase>question mark</phrase>
                                    </textobject>
                                </inlinemediaobject>
                                to see a quick help for each section.
                            </para>
                        </note>
                    </step>
                    <step>
                        <para>
                            Click
                            <inlinemediaobject>
                                <imageobject>
                                    <imagedata fileref="images/plus_icon.png" format="PNG" scalefit="1" width="3mm"/>
                                </imageobject>
                            </inlinemediaobject>
                            next to the
                            <guilabel>Content Path</guilabel>
                            to select another content. The
                            <guilabel>Select Content</guilabel>
                            dialog appears.
                        </para>
                    </step>
                    <step>
                        <para>
                            Select a folder in the left pane, and its content in the right pane. The selected
                            content will be displayed in the
                            <guilabel>Content Path</guilabel>
                            field.
                        </para>
                    </step>
                    <step>
                        <para>
                            Tick the checkboxes, including
                            <guilabel>Show Title, Show Date</guilabel>
                            and
                            <guilabel>Show Option Bar,</guilabel>
                            if you want to display the content title, the publication date and the print button like the
                            illustration below.
                        </para>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata align="center" fileref="images/editedscv.png" format="PNG"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata width="150mm" align="center" fileref="images/editedscv.png" format="PNG"/>
                            </imageobject>
                        </mediaobject>
                        <para>
                            <emphasis role="bold">i.</emphasis>
                            In the
                            <guilabel>Print Setting</guilabel>
                            part, click
                            <inlinemediaobject>
                                <imageobject>
                                    <imagedata width="4mm" scalefit="1" fileref="images/previewicon2.png" format="PNG"/>
                                </imageobject>
                                <textobject>
                                    <phrase>magnifying glass</phrase>
                                </textobject>
                            </inlinemediaobject>
                            to open the
                            <guilabel>UIPageselector</guilabel>
                            dialog. You will see
                            <guilabel>Printviewer</guilabel>.
                        </para>
                        <para>
                            <emphasis role="bold">ii.</emphasis>
                            Click the
                            <guilabel>Print</guilabel>
                            button. The content is opened in the print viewer page.
                        </para>
                        <!--    <para>
                   <emphasis role="bold">URL</emphasis>: http://localhost:8080/ecmdemo/private/acme/<emphasis role="bold">printviewer?content-id</emphasis>=/repository/collaboration/sites%20content/live/acme/web%20content/site%20artifacts/Introduce&amp;isPrint=true
                  </para>
                       <para>
                   In which:
                  </para>
                       <itemizedlist>
                         <listitem>
                           <para>
                     <emphasis role="bold">printviewer?</emphasis>: the print viewer page of the content.
                    </para>
                         </listitem>
                         <listitem>
                           <para>
                     <emphasis role="bold">content-id</emphasis>: the parameter containing the content path.
                    </para>
                         </listitem>
                       </itemizedlist> -->
                    </step>
                    <step>
                        <para>
                            Click
                            <emphasis role="bold">Save</emphasis>
                            to save all your changes.
                        </para>
                    </step>
                </procedure>
             <citetitle>
            <para xml:id="form-User_Guide-Preferences-Content_List_Preferences.">
                <emphasis role="bold">Edit the Content List Viewer</emphasis>
                </para>
                 </citetitle>
                <procedure>
                    <step>
                        <para>
                            Turn on the
                            <emphasis role="bold">Edit</emphasis>
                            mode.
                        </para>
                    </step>
                    <step>
                        <para>Select the
                            <guilabel>Preferences</guilabel>
                            icon of a Content List Viewer.
                        </para>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata align="center" fileref="images/clvpreferences.png" format="PNG"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata width="150mm" align="center" fileref="images/clvpreferences.png"
                                           format="PNG"/>
                            </imageobject>
                        </mediaobject>
                        <para>
                            The
                            <guilabel>Content List Preferences</guilabel>
                            dialog appears.
                        </para>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata align="center" fileref="images/clvpreferences1.png" format="PNG"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata width="150mm" align="center" fileref="images/clvpreferences1.png"
                                           format="PNG"/>
                            </imageobject>
                        </mediaobject>
                        <para>
                            <emphasis role="bold">Details:</emphasis>
                        </para>
                        <table>
                            <tgroup cols="2">
                                <thead>
                                    <row>
                                        <entry>
                                            Field
                                        </entry>
                                        <entry>
                                            Description
                                        </entry>
                                    </row>
                                </thead>
                                <tbody>
                                    <row>
                                        <entry>
                                            <guilabel>Content Selection</guilabel>
                                        </entry>
                                        <entry>
                                            <para><guilabel>Mode:</guilabel> This mode is to select web
                                                content for the list viewer. There are two modes:
                                            </para>
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>By Folder:</guilabel>
                                                        This mode allows you to select a content folder in the
                                                        <guilabel>Folder Path</guilabel>
                                                        field.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>By Content:</guilabel>
                                                        This mode allows you to select by the content in a specific
                                                        folder in
                                                        <guilabel>Folder Path</guilabel>
                                                        field.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                            <para>
                                                <guilabel>Folder Path:</guilabel>
                                                The path to a location of a folder that contains the content.
                                            </para>
                                            <para>
                                                <guilabel>Order by:</guilabel>
                                                Sort content in the List Viewer by
                                                <guilabel>Title, Date Created</guilabel>
                                                or
                                                <guilabel>Date Modified</guilabel>
                                                in ascending or descending order.
                                            </para>
                                        </entry>
                                    </row>
                                    <row>
                                        <entry>
                                            <guilabel>Display Settings</guilabel>
                                        </entry>
                                        <entry>
                                            <para>
                                                <guilabel>Header:</guilabel>
                                                The title of all content that is listed in the List Viewer.
                                            </para>
                                            <para>
                                                <guilabel>Template:</guilabel>
                                                The template which is used to view the content list.
                                            </para>
                                            <para>
                                                <guilabel>Paginator:</guilabel>
                                                The template which is used to view each content in the list.
                                            </para>
                                            <para>
                                                <guilabel>Items per Page:</guilabel>
                                                The number of items which will be displayed per page.
                                            </para>
                                            <para>The following options which can be shown or hidden by ticking or
                                                unticking checkboxes respectively.
                                            </para>
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Title:</guilabel>
                                                        Title of each published web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Header:</guilabel>
                                                        Header of each published web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Refresh:</guilabel>
                                                        The
                                                        <guilabel>Refresh</guilabel>
                                                        button at the left bottom of the page.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Image:</guilabel>
                                                        The illustration of each published web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Date:</guilabel>
                                                        The created date of each published web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show More Link:</guilabel>
                                                        The
                                                        <guilabel>Read more</guilabel>
                                                        link to read all the content of web content and/or document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Summary:</guilabel>
                                                        The summary of each web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show Link:</guilabel>
                                                        The link of web content/document.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show RSS Link:</guilabel>
                                                        The RSS link of all content of web content/document.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                        </entry>
                                    </row>
                                    <row>
                                        <entry xml:id="Dynamic-Navigation">
                                            <guilabel>Advanced</guilabel>
                                            link
                                        </entry>
                                        <entry>
                                            <para>
                                                <guilabel>Dynamic Navigation</guilabel>
                                            </para>
                                            <itemizedlist>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Disable:</guilabel>
                                                        The single content will be opened by an URL containing the
                                                        Content Path.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Enable:</guilabel>
                                                        This portlet is configured with the provided parameter
                                                        (content-id by default).
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>By:</guilabel>
                                                        This parameter is the key in the URL to let CLV know which
                                                        really is the path in the current URL.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>Show in Page:</guilabel>
                                                        The single content in CLV will be shown in a selected page. You
                                                        can select any page but should take one with a Content Detail
                                                        Portlet. The "Dynamic Navigation" is enabled in the Content
                                                        Detail Portlet that interprets the URL and shows a single
                                                        content.
                                                    </para>
                                                </listitem>
                                                <listitem>
                                                    <para>
                                                        <guilabel>With:</guilabel>
                                                        This parameter is the key in the URL to let SCV know which
                                                        really is the path in the current URL.
                                                    </para>
                                                </listitem>
                                            </itemizedlist>
                                            <para xml:id="User_Guide-Preferences-Content_Detail_Preferences-Content_visibilityCLV">
                                                <guilabel>Content Visibility:</guilabel>
                                                Allow you to use a cache shared between users to
                                                get content. If you want to get content which is displayed in CLV or
                                                SCV from one cache, select
                                                <guilabel>Restricted by Authentication</guilabel> (default).
                                                If not, select
                                                <guilabel>Restricted by User Roles</guilabel>. In most cases, you should not switch to <guilabel>Restricted by User Roles</guilabel> as it reduces the overall performance.
                                            </para>
                                        </entry>
                                    </row>
                                </tbody>
                            </tgroup>
                        </table>
                    </step>
                    <step>
                        <para>
                            Browse the documents or web content of an available site by clicking
                            <inlinemediaobject>
                                <imageobject>
                                    <imagedata fileref="images/plusicon.png" format="PNG" scalefit="1" width="4mm"/>
                                </imageobject>
                                <textobject>
                                    <phrase>blue plus</phrase>
                                </textobject>
                            </inlinemediaobject>
                            next to the
                            <guilabel>Folder Path</guilabel>
                            field.
                        </para>
                    </step>
                    <step>
                        <para>
                            If you select the
                            <guilabel>By Folder</guilabel>
                            mode, select an available site on the left, then select a folder that contains content
                            (documents and/or web content) on the right by clicking the folder.
                        </para>
                        <para>
                            If you select the <guilabel>By Content</guilabel> mode, select an available
                            folder from the left pane, all content in this folder will be listed in the right pane.
                            Click content on the right that you want to add to the content list. There will be a
                            message, informing that you have successfully added it to the Content List. The selected
                            content will be listed in the Content List.
                        </para>
                    </step>
                    <step>
                        <para>
                            Enter a header for the content list in the
                            <guilabel>Header</guilabel>
                            field if you want.
                        </para>
                    </step>
                    <step>
                        <para>
                            Select a template to display the content list in the template list.
                        </para>
                    </step>
                    <step>
                        <para>
                            Tick/Untick your desired options.
                        </para>
                    </step>
                    <step>
                        <para>
                            Click
                            <guibutton>Save</guibutton>
                            to accept your changes.
                        </para>
                    </step>
                </procedure>
        </section>
    </section>
    <section id="sect-User_Guide-Contribute_Content-Inline_Editing">
        <title>Inline Editing</title>
        <para>The
            <emphasis role="bold">Inline Editing</emphasis>
            mode allows you to edit directly on the page without going to a separate one.
            By using this mode, you can edit the text in the same location in such an intuitive and convenient manner.
        </para>
        <para>
		<citetitle>
		<emphasis role="bold">
			Do the Inline Editing
		</emphasis>
		</citetitle>
        </para>
        <procedure>
            <step>
                <para>Turn on the
                    <emphasis role="bold">Edit</emphasis>
                    mode on the <guilabel>Administration</guilabel> bar.
                </para>
            </step>
            <step>
                <para>Hover your cursor over the area you want to edit. The editable area will be highlighted.
                </para>
            </step>
            <step>
                <para>Double-click the area until the Edit area is shown as below.
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata align="center" fileref="images/edit_area_Inline.png" format="PNG"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata width="150mm" align="center" fileref="images/edit_area_Inline.png" format="PNG"/>
                    </imageobject>
                </mediaobject>
                <para>In case the hovered area is in the Rich Text format, the Edit area will be displayed with the
                    <ulink url="http://docs.cksource.com/CKEditor_3.x/Users_Guide">CKEditor</ulink>
                    as below. (See more information about CKEditor <link linkend="sect-User_Guide-Contribute_Content-CKEditor">here</link>.)
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata align="center" fileref="images/CKEditor_Inline.png" format="PNG"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata width="150mm" align="center" fileref="images/CKEditor_Inline.png" format="PNG"/>
                    </imageobject>
                </mediaobject>
            </step>
            <step>
                <para>Make changes on your selected area.
				</para>
			</step>
			<step>
			<para>Click
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata width="4mm" scalefit="1" fileref="images/Accepticon.png" format="PNG"/>
                        </imageobject>
                    </inlinemediaobject>
                    to accept, or
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata width="4mm" scalefit="1" fileref="images/Cancelicon.png" format="PNG"/>
                        </imageobject>
                    </inlinemediaobject>
                    to discard changes.
                </para>
            </step>
        </procedure>
        <itemizedlist>
            <listitem>
                <para>After you have made changes on your content, it is only in the
                    <emphasis role="bold">Draft</emphasis>
                    state.
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata align="center" fileref="images/publish_Inline.png" format="PNG"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata width="150mm" align="center" fileref="images/publish_Inline.png" format="PNG"/>
                    </imageobject>
                </mediaobject>
            </listitem>
            <listitem>
                <para>Click
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata width="3mm" scalefit="1" fileref="images/publish-icon.png" format="PNG"/>
                        </imageobject>
                    </inlinemediaobject>
                    to publish the content. Now, your edited content is in the
                    <emphasis role="bold">Published</emphasis>
                    state.
                </para>
            </listitem>
        </itemizedlist>
        </section>
        <section id="sect-User_Guide-Contribute_Content-CKEditor">
            <title>CKEditor</title>
        <para>
            When using CKEditor to write/edit a document, you can also:
        </para>
        <itemizedlist>
            <listitem>
                <para><link linkend="sect-User_Guide-Contribute_Content-CKEditor-Insert_portal_link">Insert a portal link to the document.</link></para>
            </listitem>
            <listitem>
                <para><link linkend="sect-User_Guide-Contribute_Content-CKEditor-Insert_content_link">Insert a content link to the document.</link></para>
            </listitem>
        </itemizedlist>
            <citetitle>
        <para xml:id="sect-User_Guide-Contribute_Content-CKEditor-Insert_portal_link">
            <emphasis role="bold">Insert a portal link</emphasis>
        </para>
            </citetitle>
        <procedure>
            <step>
                <para>Click
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata fileref="images/insert_portal_link.png" format="PNG" scalefit="1" width="4mm"/>
                        </imageobject>
                    </inlinemediaobject>
                    to open the
                    <guilabel>Insert Portal Link</guilabel>
                    form.
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata align="center" fileref="images/insert_portal_link_form.png" format="PNG"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata align="center" fileref="images/insert_portal_link_form.png" format="PNG" scalefit="1" width="100mm"/>
                    </imageobject>
                </mediaobject>
            </step>
            <step>
                <para>Enter the title of the portal in the
                    <guilabel>Title</guilabel>
                    field.
                </para>
            </step>
            <step>
                <para>Enter the portal URL manually, or you can also click
                    <guilabel>Get portal link</guilabel>
                    to open a page containing all the portals in the same server, then select one that you want.
                </para>
            </step>
            <step>
                <para>Click
                    <guilabel>Preview</guilabel>
                    to view the portal.
                </para>
            </step>
            <step>
                <para>Click
                    <guibutton>Save</guibutton>
                    to accept inserting the portal to the document.
                </para>
            </step>
        </procedure>
            <citetitle>
        <para xml:id="sect-User_Guide-Contribute_Content-CKEditor-Insert_content_link">
            <emphasis role="bold">Insert a content link</emphasis>
        </para></citetitle>
        <procedure>
            <step>
                <para>Click
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata fileref="images/insert_content.png" scalefit="1" width="4mm"/>
                        </imageobject>
                    </inlinemediaobject>
                    to open a page.
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata fileref="images/content_selector.png" format="PNG" align="center"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata fileref="images/content_selector.png" format="PNG" align="center" scalefit="1" width="140mm"/>
                    </imageobject>
                </mediaobject>
            </step>
            <step>
                <para>Click the plus before the document name, or click directly the document name in the left pane to
                    show the content in the right pane, or click
                    <inlinemediaobject>
                        <imageobject>
                            <imagedata fileref="images/upload_file.png" format="PNG" scalefit="1" width="20mm"/>
                        </imageobject>
                    </inlinemediaobject>
                    to upload a file from your local device.
                </para>
            </step>
            <step>
                <para>Click content that you want to insert to the document.</para>
            </step>
        </procedure>
    </section>
    <section id="sect-User_Guide-Contribute_Content-Publication_Process">
        <title>Publication process</title>
        <para>
            After new content has been created, it is saved as draft and you can easily publish it on your site.
            The publication process consists of 4 steps:
        </para>
        <para>
            <menuchoice><guimenu>Request for Approval</guimenu><guisubmenu>Approval</guisubmenu><guisubmenu>Stage</guisubmenu>
            <guimenuitem>Publish</guimenuitem></menuchoice>.
        </para>
        <para>
            In case you want to publish your content without having the "Approve" or "Publish" right, you first need to
            send your request for approval.
        </para>
        <para>
            In case you have the right to approve or publish content, you can yourself publish it with the
            <emphasis role="bold">Stage</emphasis>
            step immediately.
        </para>
        <itemizedlist>
            <listitem>
                <para>
                    <guilabel>Request Approval:</guilabel>
                    When new content is created, it must be approved before publishing by clicking
                    <guilabel>Request Approval</guilabel>
                    on the <guilabel>Action</guilabel> bar of the Sites Explorer or clicking
                    <guilabel>Pending</guilabel>
                    in the
                    <guilabel>Manage Publication</guilabel>
                    form.
                </para>
                <mediaobject>
                    <imageobject role="html">
                        <imagedata align="center" fileref="images/managepublication.png" format="PNG"/>
                    </imageobject>
                    <imageobject role="fo">
                        <imagedata width="100mm" scalefit="1" align="center" fileref="images/managepublication.png" format="PNG"/>
                    </imageobject>
                </mediaobject>
            </listitem>
            <listitem>
                <para>
                    <guilabel>Approve:</guilabel>
                    To approve content, click
                    <guilabel>Approve</guilabel>
                    on the <guilabel>Action</guilabel> bar of <emphasis role="bold">Sites Explorer</emphasis>, or
                    <guilabel>Approved</guilabel>
                    in the
                    <guilabel>Manage Publication.</guilabel>
                </para>
            </listitem>
            <listitem>
                <para>
                    <guilabel>Stage:</guilabel>
                    This step allows you to publish content in a period. After selecting the publication schedule for
                    the content, it will be automatically published as the schedule.
                </para>
                <para>
                    To publish your content just in a stage, click
                    <guilabel>Stage.</guilabel>
                    Then, click
                    <guilabel>From/To</guilabel>
                    to select the start and end dates for publication from a mini-calendar.
                </para>
                <para>
                    To publish your content forever, you should not set time in the
                    <guilabel>To</guilabel>
                    field.
                </para>
            </listitem>
            <listitem>
                <para>
                    <guilabel>Publish:</guilabel>
                    Content will be published when you have completed the
                    <guilabel>Stage</guilabel>
                    step.
                </para>
                <note>
                    <para>
                        You will see a list of draft content, pending content which are waiting for your approval if
                        you have the approval right, and content that will be published at the bottom of the <emphasis
                            role="bold">Sites Explorer</emphasis>. Click your desired content to review, approve or
                        publish.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata align="center" fileref="images/bottombar.png" format="PNG"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata width="120mm" scalefit="1" align="center" fileref="images/bottombar.png" format="PNG"/>
                        </imageobject>
                    </mediaobject>
                </note>
            </listitem>
        </itemizedlist>
    </section>
    <!-- remove
  <section>
      CKEditor</title>
      <para>eXo Content offers CKEditor to allow you to write/edit documents easily. Refer <ulink url="http://docs.cksource.com/FCKeditor_2.x/Users_Guide"/>  to know how to use CKEditor.</para>
      <para>Moreover, when use CKEditor in eXo Content,  you can also:</para>
      <itemizedlist>
        <listitem>
          <para>Insert a portal link: allows inserting a portal link to the document. </para>
        </listitem>
        <listitem>
          <para>Insert a content link: allows inserting a content as a link to the document.</para>
        </listitem>
      </itemizedlist>
      <procedure>
        <title>Insert a portal link</title>
        <step>
          <para>Click <inlinemediaobject>
              <imageobject>
                <imagedata fileref="images/insert_portal_link.png" format="PNG"/>
              </imageobject>
            </inlinemediaobject> to open the <emphasis role="bold">InsertPortalLink</emphasis> form:</para>
          <mediaobject>
            <imageobject>
              <imagedata align="center" fileref="images/insert_portal_link_form.png" format="PNG"/>
            </imageobject>
          </mediaobject>
        </step>
        <step>
          <para>Enter the title of the portal in the Title field.</para>
        </step>
        <step>
          <para>Enter the portal URL manually, or you can also click <emphasis role="bold">Get portal link</emphasis> to open a page including all the portals in the same server, then select one that you want.</para>
        </step>
        <step>
          <para>Click <emphasis role="bold">Preview</emphasis> to view the portal.</para>
        </step>
        <step>
          <para>Click <emphasis role="bold">Save</emphasis> to accept inserting the portal link to the document.</para>
        </step>
      </procedure>
      <procedure>
        <title>Insert a content link</title>
        <step>
          <para>Click <inlinemediaobject>
              <imageobject>
                <imagedata fileref="images/insert_content.png"/>
              </imageobject>
            </inlinemediaobject> to open a page:</para>
          <mediaobject>
            <imageobject role="html">
              <imagedata fileref="images/content_selector.png" format="PNG"/>
            </imageobject>
          </mediaobject>
        </step>
        <step>
          <para>Click +  in the left panel to list the content in the right panel or click <inlinemediaobject>
              <imageobject>
                <imagedata fileref="images/upload_file.png" format="PNG"/>
              </imageobject>
            </inlinemediaobject> to upload a file from your local machine.</para>
        </step>
        <step>
          <para>Click a content that you want to insert to the document.</para>
        </step>
      </procedure>
    </section>-->
</section> 
