<?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 panel lists all the categories containing documents or web contents.
   </para>
      <para>
    The right panel displays the documents selected in the left pane.
   </para>
    </step>
    <step>
      <para>
    Select a category that you want to view on the left, it will be shown on the right (only documents or web content published are shown).
   </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>
  </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>