<?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">
  <title>Category Navigation</title>
  <para>
      The <emphasis>Category Navigation Portlet</emphasis> and <emphasis>Parameterized Content List Viewer</emphasis> portlets avoid the need for long URLs when viewing a content and enable users to see published documents or web contents in specific categories in one page.
  </para>
  <para>
     Using symbolic links, the database can retrieve the content no matter where the object physically resides. The relations between shortcuts can also be managed in this way.
 </para>
  <procedure id="proc-User_Guide-Category_Navigation-Access_to_Category_Navigation_Portlet">
    <title>Access to Category Navigation Portlet</title>
    <step>
      <para>
    Go to <guilabel>News</guilabel> 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 <menuchoice>
        <guimenu>Group</guimenu>
        <guimenuitem>Administration</guimenuitem>
        <guimenuitem>Manage Pages</guimenuitem>
     </menuchoice> on the administration bar. The <guilabel>Manage Pages</guilabel> list 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/editicon2.png" format="PNG" width="6mm"/>
          </imageobject>
          <textobject>
             <phrase>pencil</phrase>
          </textobject>
        </inlinemediaobject> icon in the <emphasis>Category navigation portlet</emphasis> entry to open the page to edit this portlet.
    </para>
      <mediaobject>
           <imageobject role="html">
              <imagedata fileref="images/editcn.png" format="PNG" align="center" />
           </imageobject>
           <imageobject role="fo">
              <imagedata fileref="images/editcn.png" format="PNG" align="center" width="150mm" />
           </imageobject>
        </mediaobject>
    </step>
    <step>
      <para>
     Click the <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/editicon4.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>pencil</phrase>
            </textobject>
          </inlinemediaobject> icon to open a form to edit the portlet settings.
    </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/icon1.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>scroll arrows</phrase>
            </textobject>
          </inlinemediaobject> to select the repository for documents in the Repository field.
    </para>
    </step>
    <step>
      <para>
     Enter the name of a category in the <guilabel>Title</guilabel> field.
    </para>
    </step>
    <step>
      <para>
     Select the tree name for a category.
    </para>
    </step>
    <step>
      <para>
     Select the template for displaying categories.
    </para>
    </step>
    <step>
      <para>
     Click the <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/magnifyingglassicon.png" format="PNG" width="7mm"/>
            </imageobject>
            <textobject>
               <phrase>magnifying glass</phrase>
            </textobject>
          </inlinemediaobject> icon to select the target path. The <guilabel>Page Selector</guilabel> form will appear:
    </para>
         <mediaobject>
             <imageobject role="html">
                <imagedata fileref="images/pageselector.png" format="PNG" align="center"/>
             </imageobject>
             <imageobject role="fo">
                <imagedata fileref="images/pageselector.png" format="PNG" align="center" width="150mm" />
             </imageobject>
          </mediaobject>
    </step>
    <step>
      <para>
     Click the <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/bluedroparrow.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>down arrow</phrase>
            </textobject>
          </inlinemediaobject> to select the navigation on the left pane. The corresponding pages will be displayed on the left pane and the corresponding paths will be displayed on the right pane.
    </para>
    </step>
    <step>
      <para>
     Click the <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/greentick.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>green tick</phrase>
            </textobject>
          </inlinemediaobject> icon to select the path. This path will be displayed in the <guilabel>Show in Page</guilabel> field of the <guilabel>Edit Mode</guilabel> tab.
    </para>
    </step>
    <step>
      <para>
     Click <guilabel>Save</guilabel> to accept saving the configuration for the Category Navigation portlet.</para>
    </step>
  </procedure>
</section>
