<?xml version='1.0' encoding='UTF-8'?>
<!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">
    <title>Contribute Content</title>
    <section id="sect-User_Guide-Contribute_Content-Edit_Mode">
        <title>Edit Mode</title>
        <para>
            A site in &PRODUCT; has two modes (
            <systemitem>Published</systemitem>
            mode and
            <systemitem>Edit</systemitem>
            mode) which are specific for viewing and editing the site, respectively. You can easily switch between these
            modes by selecting in the drop-down list at the top left corner.
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata fileref="images/twomodes.png" format="PNG" align="center"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata fileref="images/twomodes.png" format="PNG" align="center" width="148mm"/>
            </imageobject>
        </mediaobject>
        <variablelist>
            <varlistentry>
                <term>Edit mode</term>
                <listitem>
                    <para>
                        In this mode, you can edit all contents of the current site. When hovering the mouse pointer
                        over contents, you can see edit icons which enable you to quickly edit those contents. You can
                        take advantage of this feature to submit contents to a page.
                    </para>
                </listitem>
            </varlistentry>
            <varlistentry>
                <term>Published mode</term>
                <listitem>
                    <para>
                        In this mode, you only can view the current site without editing the contents of the site.
                    </para>
                </listitem>
            </varlistentry>
        </variablelist>
        <para>
            When you login to a site, by default, the page is in the published mode, you cannot see any quick edit icons
            and cannot edit site contents at this time:
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata fileref="images/publishedmode.png" format="PNG" align="center"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata fileref="images/publishedmode.png" format="PNG" align="center" width="150mm"/>
            </imageobject>
        </mediaobject>
        <para>
            When a page is switched to the Edit mode, you can see quick edit icons on the site contents when mousing
            over them.
        </para>
        <para>
            For Single Content Viewer (SCV), you can see the current state of the content, the
            <guilabel>Edit Content</guilabel>
            icon and
            <guilabel>References</guilabel>
            icon.
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata fileref="images/singlecontentviewer1.png" format="PNG" align="center"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata fileref="images/singlecontentviewer1.png" format="PNG" align="center" width="150mm"/>
            </imageobject>
        </mediaobject>
        <para>
            For
            <systemitem>Content List Viewer</systemitem>
            (CLV), you can see the current state of the content, the<guilabel>Edit Content</guilabel>,
            <guilabel>References</guilabel>
            icon, the
            <guilabel>Add Content</guilabel>
            icon and the
            <guilabel>Management Content</guilabel>
            icon.
        </para>
        <mediaobject>
            <imageobject role="html">
                <imagedata align="center" fileref="images/lcv.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
                <imagedata align="center" fileref="images/lcv.png" format="PNG" width="150mm"/>
            </imageobject>
        </mediaobject>
    </section>
    <section id="sect-User_Guide-Contribute_Content-InContext_Editing">
        <title>InContext Editing</title>
        <para>
            InContext Editing enables you to edit content &quot;in context&quot; rather than having a
            <emphasis>WYSIWYG</emphasis>
            editor pop-up over the top of the page. This feature makes page editing a much more user intuitive process,
            with the new content automatically taking on the previous contents.
        </para>
        <para>
            To use InContext Editing, turn on the Edit Mode.
        </para>
        <section id="sect-User_Guide-InContext_Editing-Add_Content">
            <title>Add Content</title>
            <para>
                Adding a new content by InContext Editing is enabled for the Content List Viewer.
            </para>
            <para>
                Do the following:
            </para>
            <procedure id="proc-User_Guide-Add_Content-Add_a_new_content">
                <title>Add a new content</title>
                <step>
                    <para>
                        Turn on the Edit Mode and hover the mouse pointer over the CLV that you want to add a new
                        content in.
                    </para>
                </step>
                <step>
                    <para>
                        Click the
                        <guilabel>Add Content</guilabel>
                        icon on the CLV.
                    </para>
                    <para>
                        You will be redirected to the
                        <systemitem>Content Explorer</systemitem>
                        with a new document form for you to write a document.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/documentform.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/documentform.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        Click the
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/icon1.png" format="PNG" width="6mm"/>
                            </imageobject>
                            <textobject>
                                <phrase>scroll arrows</phrase>
                            </textobject>
                        </inlinemediaobject>
                        icon to open the template list and select one.
                    </para>
                </step>
                <step>
                    <para>
                        Fill all the fields in the form. See
                        <xref linkend="sect-User_Guide-Actions-Add_a_document"/>
                        to know how to add types of document.
                    </para>
                </step>
                <step>
                    <para>
                        Click
                        <guilabel>Save as Draft</guilabel>
                        to save the document in a folder of the
                        <systemitem>Collaboration</systemitem>
                        drive.
                    </para>
                </step>
            </procedure>
            <note>
                <para>
                    Saving a document in which folder of the Collaboration drive depends on the path you choose in<xref
                        linkend="sect-User_Guide-InContext_Editing-Preferences"/>.
                </para>
            </note>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Edit_Content">
            <title>Edit Content</title>
            <para>
                You can edit any contents on the homepage for SCV and CLV with InContext Editing. For CLV, you only can
                edit each content in it.
            </para>
            <para>
                Do the following:
            </para>
            <procedure id="proc-User_Guide-Edit_Content-Edit_a_content">
                <title>Edit a content</title>
                <step>
                    <para>
                        Turn on the Edit Mode and over the mouse pointer over the content you want to edit.
                    </para>
                </step>
                <step>
                    <para>
                        Click the
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/editicon4.png" format="PNG" width="6mm"/>
                            </imageobject>
                            <textobject>
                                <phrase>pencil</phrase>
                            </textobject>
                        </inlinemediaobject>
                        icon at the right corner of the content you want to edit. You will be redirected to the Content
                        Explorer with the document form for you to edit.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/editform.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/editform.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        Edit the content and click
                        <guilabel>Save as Draft</guilabel>
                        to save the content.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/modification.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/modification.png" format="PNG" align="center" width="138mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        Click the
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/backicon.png" format="PNG" width="9mm"/>
                            </imageobject>
                            <textobject>
                                <phrase>green reverse arrow</phrase>
                            </textobject>
                        </inlinemediaobject>
                        icon to return to the site and in the Edit Mode, the content in the
                        <emphasis>draft</emphasis>
                        state will be visible.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/draftcontent.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/draftcontent.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
            </procedure>
            <note>
                <para>
                    When you turn on the Published Mode, you cannot see the edited content. To see it in the Published
                    Mode, you must publish it. See
                    <xref linkend="sect-User_Guide-Contribute_Content-Publication_Process"/>
                    for instructions on how to publish content.
                </para>
            </note>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Manage_Content">
            <title>Manage Content</title>
            <para>
                With InContext Editing, you can easily manage a Content List Viewer on the homepage. You can add a 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>
            <para>
                Do the following to manage content in the CLV.
            </para>
            <procedure id="proc-User_Guide-Manage_Content-Manage_Content">
                <title>Manage Content</title>
                <step>
                    <para>
                        Turn on the Edit Mode and click the
                        <guilabel>Manage Content</guilabel>
                        icon of the Content List Viewer that you want to manage on the homepage.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/managecontent.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/managecontent.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                    <para>
                        The browser will redirect to Content Explorer:
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/managecontent1.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/managecontent1.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        To add a new document to the CLV, click
                        <guilabel>Add Document</guilabel>
                        on the action bar and do the same steps as<xref
                            linkend="sect-User_Guide-InContext_Editing-Add_Content"/>.
                    </para>
                    <para>
                        To take other actions on a specific content in the CLV, right-click it to open a drop-down menu.
                        See more details how to takes the actions in<xref linkend="sect-User_Guide-Actions_on_Folders_and_Documents"/>.
                    </para>
                </step>
            </procedure>
        </section>
        <section id="sect-User_Guide-InContext_Editing-Preferences">
            <title>Preferences</title>
            <para>
                Preferences enable you to edit contents in the Single Content Viewer (SCV) and the Content List Viewer
                (CLV), reset the display of the contents in SCV and CLV and publish contents.
            </para>
            <formalpara id="form-User_Guide-Preferences-Content_Detail_Preferences">
                <title>Content Detail Preferences</title>
                <para>
                    Do the following to edit the Single Content Viewer:
                </para>
            </formalpara>
            <procedure id="proc-User_Guide-Preferences-_Edit_Content_Detail_Viewer">
                <title>Edit Content Detail Viewer</title>
                <step>
                    <para>
                        Turn on the Edit mode and click the
                        <guilabel>Preferences</guilabel>
                        icon of a Single Content Viewer.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/scvpreferences.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/scvpreferences.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                    <para>
                        The
                        <guilabel>Content Detail Preferences</guilabel>
                        dialog appears:
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/scvpreferences1.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/scvpreferences1.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                    <table>
                       <title>Content Detail Preferences</title>
                        <tgroup cols="2">
                            <thead>
                                <row>
                                    <entry>
                                        Field
                                    </entry>
                                    <entry>
                                        Details
                                    </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 the
                                        <inlinemediaobject>
                                            <imageobject>
                                                <imagedata fileref="images/blueplusicon.png" format="PNG" width="7mm"/>
                                            </imageobject>
                                            <textobject>
                                                <phrase>blue plus</phrase>
                                            </textobject>
                                        </inlinemediaobject>
                                        icon.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Display Settings</guilabel>
                                    </entry>
                                    <entry>
                                        <para>
                                            Allow configuring Title, Date and OptionBar visibility.
                                        </para>
                                        <itemizedlist>
                                            <listitem>
                                                <para>
                                                    <guilabel>Show Title</guilabel>: Specify whether the title of the
                                                    content is displayed or not.
                                                </para>
                                            </listitem>
                                            <listitem>
                                                <para>
                                                    <guilabel>Show Date</guilabel>: Specify whether the date of the
                                                    content publication is displayed or not.
                                                </para>
                                            </listitem>
                                            <listitem>
                                                <para>
                                                    <guilabel>Show Option Bar</guilabel>: Show or hide the Option bar
                                                    used to show the print link.
                                                </para>
                                            </listitem>
                                        </itemizedlist>
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Print Setting</guilabel>
                                    </entry>
                                    <entry>
                                        <itemizedlist>
                                            <listitem>
                                                <para>
                                                    <emphasis role="bold">Show in page</emphasis>: The content is shown
                                                    in the page.
                                                </para>
                                            </listitem>
                                            <listitem>
                                                <para>
                                                    <emphasis role="bold">with</emphasis>: Parameters contains the
                                                    content path.
                                                </para>
                                            </listitem>
                                        </itemizedlist>
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Advanced</guilabel>
                                    </entry>
                                    <entry>
                                        When clicking on this link, the Advanced pane will be shown. If
                                        <guilabel>Contextual Content</guilabel>
                                        property is set as<emphasis>Disable</emphasis>, the Advanced pane is closed by
                                        default. The content should enable “dynamic navigation” that interprets the URL
                                        and shows a content.
                                    </entry>
                                </row>
                            </tbody>
                        </tgroup>
                    </table>
                    <note>
                        <para>
                            Click the
                            <inlinemediaobject>
                                <imageobject>
                                    <imagedata fileref="images/questionicon.png" format="PNG" width="6mm"/>
                                </imageobject>
                                <textobject>
                                    <phrase>question mark</phrase>
                                </textobject>
                            </inlinemediaobject>
                            icon to see a quick help pane for each section.
                        </para>
                    </note>
                </step>
                <step>
                    <para>
                        Click the plus icon next to the
                        <guilabel>Content Path</guilabel>
                        to re-select another content. The
                        <guilabel>Select Content</guilabel>
                        dialog appears:
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/selectcontent.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/selectcontent.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        Choose a folder on the left panel and a content in the folder on the right panel. The content
                        chosen will be displayed in the
                        <guilabel>Content Path</guilabel>
                        field.
                    </para>
                </step>
                <step>
                    <para>
                        Tick the checkboxes, including the
                        <guilabel>Show Title</guilabel>
                        box, the
                        <guilabel>Show Date</guilabel>
                        and the
                        <guilabel>Show Option bar</guilabel>
                        box 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 fileref="images/editedscv.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/editedscv.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </step>
                <step>
                    <para>
                        In the
                        <guilabel>Print Setting</guilabel>
                        area, click the
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/previewicon2.png" format="PNG" width="7mm"/>
                            </imageobject>
                            <textobject>
                                <phrase>magnifying glass</phrase>
                            </textobject>
                        </inlinemediaobject>
                        icon to open the
                        <guilabel>UIPageselector</guilabel>
                        dialog, you will see
                        <guilabel>Printviewer.</guilabel>
                    </para>
                    <para>
                        Click the
                        <guilabel>Print</guilabel>
                        button and the content is opened in the print viewer page.
                    </para>
                    <example>
                        <title>Example</title>
                        <mediaobject>
                            <imageobject role="html">
                                <imagedata fileref="images/printreview.png" format="PNG" align="center"/>
                            </imageobject>
                            <imageobject role="fo">
                                <imagedata fileref="images/printreview.png" format="PNG" align="center" width="150mm"/>
                            </imageobject>
                            <caption>
                                <simplelist>
                                    <member>
                                        <emphasis>http://localhost:8080/ecmdemo/private/acme/
                                            <emphasis role="bold">
                                                printviewer?content-id
                                            </emphasis>
                                            =/repository/collaboration/sites%20content/live/acme/web%20contents/site%20artifacts/Introduce&amp;isPrint=true
                                        </emphasis>
                                    </member>
                                    <member><emphasis role="bold">printviewer?</emphasis>: the print viewer page of the
                                        content.
                                    </member>
                                    <member><emphasis role="bold">content-id</emphasis>: the parameter containing the
                                        content path.
                                    </member>
                                </simplelist>
                            </caption>
                        </mediaobject>
                    </example>
                </step>
                <step>
                    <para>
                        Click
                        <guilabel>Save</guilabel>
                        to save all the changes.
                    </para>
                </step>
            </procedure>
            <formalpara id="form-User_Guide-Preferences-Content_List_Preferences.">
                <title>Content List Preferences.</title>
                <para>
                    To edit the Single Content Viewer, do the following:
                </para>
            </formalpara>
            <procedure id="proc-User_Guide-Preferences-Edit_Content_List_Viewer">
                <title>Edit Content List Viewer</title>
                <step>
                    <para>
                        Turn on the Edit Mode and click the
                        <guilabel>Preferences</guilabel>
                        icon of a Content List Viewer.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/clvpreferences.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/clvpreferences.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                    <para>
                        The Content List Preferences dialog appears:
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/clvpreferences1.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/clvpreferences1.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                    <table frame="all">
                        <title/>
                        <tgroup cols="2">
                            <colspec colname="c1"/>
                            <colspec colname="c2"/>
                            <thead>
                                <row>
                                    <entry>
                                        Field
                                    </entry>
                                    <entry>
                                        Details
                                    </entry>
                                </row>
                            </thead>
                            <tbody>
                                <row>
                                    <entry>
                                        <guilabel>Mode</guilabel>
                                    </entry>
                                    <entry>
                                        <para>
                                            This mode is to select web content for 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 the <guilabel>Folder path</guilabel> field.
                                                </para>
                                            </listitem>
                                        </itemizedlist>
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Folder path</guilabel>
                                    </entry>
                                    <entry>
                                        The path to a location of a folder that contains the content.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Order by</guilabel>
                                    </entry>
                                    <entry>
                                        The field is selected to sort content in the list viewer. You can sort content
                                        by <parameter>Title</parameter>,
                                        <parameter>Date created</parameter>
                                        or
                                        <parameter>Date modified</parameter>
                                        in ascending or descending order.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Header</guilabel>
                                    </entry>
                                    <entry>
                                        The title of all contents that are listed in List Viewer.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Viewer template</guilabel>
                                    </entry>
                                    <entry>
                                        The template is used to view content list.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Paginator template</guilabel>
                                    </entry>
                                    <entry>
                                        The template is used to view each content in the list.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Items per page</guilabel>
                                    </entry>
                                    <entry>
                                        The number of items will be displayed per page.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show image</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide the illustration of each published web
                                        content/document.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show summary</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide the summary of each web content/document.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show header</guilabel>
                                    </entry>
                                    <entry>
                                        The option is whether to show a header or not.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show refresh button</guilabel>
                                    </entry>
                                    <entry>
                                        The option is whether to show the refresh button at the left bottom of this page
                                        or not.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show title</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide title of each published web content and/or
                                        document.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show date created</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide the created date of each published web
                                        content/document.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Show link</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide the link of web content and/or document.
                                    </entry>
                                </row>
                                <row>
                                    <entry>
                                        <guilabel>Read more</guilabel>
                                    </entry>
                                    <entry>
                                        The option is to show or hide the Read more to read all the content of a web
                                        content and/or document.
                                    </entry>
                                </row>
                            </tbody>
                        </tgroup>
                    </table>
                </step>
                <step>
                    <para>
                        Browse the documents or web content of an available site by clicking the
                        <inlinemediaobject>
                            <imageobject>
                                <imagedata fileref="images/plusicon.png" format="PNG"/>
                            </imageobject>
                            <textobject>
                                <phrase>blue plus</phrase>
                            </textobject>
                        </inlinemediaobject>
                        icon 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 contents
                        (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 panel, all content in this folder will be listed
                        on the right panel. Click a content on the right that you want to add to the content list. A
                        message informs that you have successfully added it in the Content List. The selected content is
                        listed in the Content List.
                    </para>
                </step>
                <step>
                    <para>
                        Enter a header for the content list in the
                        <guilabel>Header</guilabel>
                        field if desired.
                    </para>
                </step>
                <step>
                    <para>
                        Select a template to display the content list in the template list.
                    </para>
                </step>
                <step>
                    <para>
                        Tick/untick the options that you want.
                    </para>
                </step>
                <step>
                    <para>
                        Click
                        <guilabel>Save</guilabel>
                        to save all the changes.
                    </para>
                </step>
            </procedure>
        </section>
    </section>
    <section id="sect-User_Guide-Contribute_Content-Publication_Process">
        <title>Publication Process</title>
        <para>
            After a new content is created, it is saved as draft and you can easily to publish it on your site. The
            publication process consists of four steps:
        </para>
        <para>
            <menuchoice>
                <guimenu>Request approval</guimenu>
                <guimenuitem>Approval</guimenuitem>
                <guimenuitem>Stage</guimenuitem>
                <guimenuitem>Publish</guimenuitem>
            </menuchoice>
        </para>
        <para>
            If you do not have the right to approve or publish content, you need to send an approval request to have you
            content approved and published.
        </para>
        <para>
            If you have the right to approve or publish a content, you do not need to send a request approval. You can
            yourself publish it with the
            <emphasis role="bold">Stage</emphasis>
            step immediately.
        </para>
        <variablelist>
            <varlistentry>
                <term>Request approval</term>
                <listitem>
                    <para>
                        When a new content is created, it must be approved before publishing by clicking
                        <guilabel>Request Approval</guilabel>
                        on the action bar of the Content Explorer or clicking
                        <emphasis role="bold">Pending</emphasis>
                        in the Manage Publication form:
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/managepublication.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/managepublication.png" format="PNG" align="center"
                                       width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </listitem>
            </varlistentry>
            <varlistentry>
                <term>Approve</term>
                <listitem>
                    <para>
                        To approve a content, click<guilabel>Approve</guilabel>on the action bar of the Content Explorer
                        or click
                        <guilabel>Approved</guilabel>
                        in the Manage Publication.
                    </para>
                </listitem>
            </varlistentry>
            <varlistentry>
                <term>Stage</term>
                <listitem>
                    <para>
                        <emphasis>Stage</emphasis>
                        enables you to publish a content in a period. After selecting the publication schedule for the
                        content, it will be automatically published as the schedule.
                    </para>
                    <para>
                        To publish content for a stage, click
                        <guilabel>Stage</guilabel>
                        and click
                        <guilabel>From/To</guilabel>
                        to open a mini calendar and select the date to publish.
                    </para>
                    <para>
                        To publish your content indefinitely, you should not set time in the
                        <guilabel>To</guilabel>
                        field.
                    </para>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/stage.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/stage.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </listitem>
            </varlistentry>
            <varlistentry>
                <term>Publish</term>
                <listitem>
                    <para>
                        A content will be published when you have completed the
                        <emphasis role="bold">Stage</emphasis>
                        step.
                    </para>
                    <note>
                        <para>
                            You will see a list of draft contents, pending contents which are waiting to be your
                            approval if you have the approval right and contents that will be published at the bottom of
                            the Content Explorer. Click your desired contents to review, approve or publish.
                        </para>
                    </note>
                    <mediaobject>
                        <imageobject role="html">
                            <imagedata fileref="images/bottombar.png" format="PNG" align="center"/>
                        </imageobject>
                        <imageobject role="fo">
                            <imagedata fileref="images/bottombar.png" format="PNG" align="center" width="150mm"/>
                        </imageobject>
                    </mediaobject>
                </listitem>
            </varlistentry>
        </variablelist>
    </section>
</section>
