<?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>
  <emphasis role="bold">Category Navigation Portlet</emphasis> and <emphasis role="bold">Parameterized Content List Viewer</emphasis> portlets 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 <emphasis role="bold">Parameterized Content List Viewer</emphasis> easily.
 </para>
 <citetitle>
 <para xml:id="proc-User_Guide-Category_Navigation-Access_to_Category_Navigation_Portlet"><emphasis role="bold">Access the Category Navigation portlet</emphasis></para>
 </citetitle>
  <procedure>
    <step>
      <para>
    Go to <emphasis role="bold">News</emphasis> on the <emphasis role="bold">Navigation</emphasis> 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>
	<itemizedlist>
	<listitem>
      <para>
    The left pane lists all the categories containing documents or web contents.
   </para>
   </listitem>
   <listitem>
      <para>
    The right pane displays the documents selected in the left pane.
   </para>
   </listitem>
   </itemizedlist>
    </step>
    <step>
      <para>
    Select a category that you want to view on the left. The selected category 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><emphasis role="bold">Edit Mode</emphasis> of the <emphasis role="bold">Category Navigation Portlet</emphasis></title>
    <para>
   Administrators can edit the <emphasis role="bold">Category Navigation</emphasis> portlet as follows:</para>
  </formalpara>
  <procedure>
    <step>
        <para>
            Open
            <emphasis role="bold">News</emphasis> page on the <emphasis role="bold">Navigation</emphasis> bar.
        </para>
    </step>
    <step>Hover your cursor over <emphasis role="bold">Edit --> Page --> Layout </emphasis>
        <para>The page for you to edit the <emphasis role="bold">Category Navigation</emphasis> 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  
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/editicon5.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>pencil</phrase>
            </textobject>
          </inlinemediaobject> to open a form with the <emphasis role="bold">Edit Mode</emphasis> tab, allowing you 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  
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/plusicon.png" format="PNG" width="6mm"/>
            </imageobject>
            <textobject>
               <phrase>plus icon</phrase>
            </textobject>
          </inlinemediaobject> to select the folder path which restores contents you want do display.
    </para>
    </step>
    <step>
      <para>
     Edit some fields in the <emphasis role="bold">Display Settings</emphasis> part as you want. See more details in the <xref
              linkend="form-User_Guide-Preferences-Content_List_Preferences."/> section.
    </para>
    </step>
    <step>
        <para>
            Click the
            <emphasis role="bold">Advanced</emphasis>
            link to set up some properties for the portlet. See more details <link
                linkend="Dynamic-Navigation">here</link>.
        </para>
    </step>
    <step>
      <para>
     Click <emphasis role="bold">Save</emphasis> to accept saving the configuration for the <emphasis role="bold">Category Navigation</emphasis> portlet.</para>
    </step>
    <step>
        <para>Click <emphasis role="bold">Close</emphasis> to quit the form.</para>
    </step>
    <step>
        <para>Click
            <inlinemediaobject>
                <imageobject>
                    <imagedata fileref="images/finishbutton.png" format="PNG" width="6mm"/>
                </imageobject>
            </inlinemediaobject>
        on the <emphasis role="bold">Page Editor</emphasis> form to finish editing the <emphasis role="bold">Category Navigation</emphasis> portlet. </para>
    </step>
  </procedure>
    <note>
        <para>In the <emphasis role="bold">Edit Mode</emphasis> tab, some options are disabled.</para>
    </note>
</section>