<?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-Category_Navigation">
<!--  This document was created with Syntext Serna Free.  -->
  <title>Category Navigation</title>
  <para>
  Category Navigation Portlet and Parameterized Content List Viewer portlet get rid of long URLs when you view a content and enable users to see published documents or web contents in specific categories in one page. Thanks to the symbolic link, no matter where the object physically resides, the database can retrieve it. In addition, the relations amongst shortcuts can be managed. Now, you can view documents or web content in the Parameterized Content List Viewer easily.
 </para>
  <procedure id="proc-User_Guide-Category_Navigation-Access_to_Category_Navigation_Portlet">
    <title>Access to Category Navigation Portlet</title>
    <step>
      <para>
    Go to <emphasis role="bold">News</emphasis> on the navigation bar:
   </para>
      <mediaobject>
        <imageobject role="html">
          <imagedata align="center" scale="100" fileref="images/newsnavigationbar.png" format="PNG"/>
        </imageobject>
        <imageobject role="fo">
          <imagedata align="center" fileref="images/newsnavigationbar.png" format="PNG" width="150mm" />
        </imageobject>
      </mediaobject>
        <para>
            The left pane lists all the categories containing contents.
        </para>
        <para>
            The right pane displays all the documents belonging to the current category.
        </para>
    </step>
    <step>
        <para>
            Click a category that you want to view its contents. Its sub-categories are listed on the left pane and its
            contents are shown on the right pane.
        </para>
      <mediaobject>
        <imageobject role="html">
          <imagedata align="center" scale="" fileref="images/categorypanes.png" format="PNG"/>
        </imageobject>
        <imageobject role="fo">
          <imagedata align="center" fileref="images/categorypanes.png" format="PNG" width="150mm"/>
        </imageobject>
      </mediaobject>
    </step>
      <step>
        <para>Click <guilabel>Go to previous</guilabel> to return to the parent category.</para>
    </step>
  </procedure>
  <formalpara>
    <title>The Edit Mode of the Category Navigation Portlet</title>
    <para>
   Administrators can edit the Category Navigation portlet with the following procedure:</para>
  </formalpara>
  <procedure>
    <title/>
    <step>
        <para>
            Go to
            <emphasis role="bold">News &gt; Site Editor &gt; Edit Page</emphasis>
            on the administration bar:
        </para>
        <para>The page for you to edit the Category Navigation portlet will appear:
        </para>
      <mediaobject>
           <imageobject role="html">
              <imagedata fileref="images/categorynavigation.png" format="PNG" align="center"/>
           </imageobject>
           <imageobject role="fo">
              <imagedata fileref="images/categorynavigation.png" format="PNG" align="center" width="150mm" />
           </imageobject>
        </mediaobject>
    </step>
    <step>
      <para>
     Click the 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/editicon5.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>pencil</phrase>
            </textobject>
          </inlinemediaobject> icon to open a form with the Edit Mode to edit the portlet.
    </para>
      <mediaobject>
           <imageobject role="html">
              <imagedata fileref="images/cneditmode.png" format="PNG" align="center"/>
           </imageobject>
           <imageobject role="fo">
              <imagedata fileref="images/cneditmode.png" format="PNG" align="center" width="150mm" />
           </imageobject>
      </mediaobject>
    </step>
    <step>
      <para>
    Click the 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/plusicon.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>plus icon</phrase>
            </textobject>
          </inlinemediaobject> icon to select the folder path, that restores contents you want do display.
    </para>
    </step>
    <step>
      <para>
     Edit some fields in the <guilabel>Display settings</guilabel> part as you want. See more details in <xref
              linkend="form-User_Guide-Preferences-Content_List_Preferences."/>.
    </para>
    </step>
    <step>
        <para>
            Click the
            <guilabel>Advanced</guilabel>
            link to set up some properties for the portlet. See more details in <xref
                linkend="sect-User_Guide-Dynamic_Navigation"/>.
        </para>
    </step>
    <step>
      <para>
     Click <guibutton>Save</guibutton> to accept saving the configuration for the Category Navigation portlet.</para>
    </step>
    <step>
        <para>Click <guibutton>Close</guibutton> to quit the form.</para>
    </step>
    <step>
        <para>Click
            <inlinemediaobject>
                <imageobject>
                    <imagedata fileref="images/finishbutton.png" format="PNG" width="6mm"/>
                </imageobject>
            </inlinemediaobject>
        on the <guilabel>Page Editor</guilabel> to finish editing the Category Navigation portlet. </para>
    </step>
  </procedure>
    <note>
        <para>In the Edit Mode tab, some options are disable.</para>
    </note>
</section>