<?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-Views">
  <title>Views</title>
  <para>
  There have many drives in the Content Explorer. Each drive has some views that enable you to look at  data in the drive in a particular way. Each view has some tabs and each tab contains some functions (or called actions).</para>
  <para>eXo Content  supports you four ways to view nodes in a specific folder and show actions of corresponding tab on the Actions bar.</para>
  <note>
    <title>View Types</title>
    <para>
   The number of View types depends on what drive you are browsing.You can manage the view types in the WCM Administration. See <xref linkend="sect-User_Guide-Content_Presentation_Manager-Manage_Views"/> for details
  </para>
  </note>
  <section id="sect-User_Guide-Views-Admin_view">
    <title>Admin view</title>
    <para>
   In this view, each item in the list includes following information: Name, Date Created, Date Modified, Owner, Versionable and Auditing. These information will help you manage nodes easily.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="110" fileref="images/detailsview.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/detailsview.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   You also can sort nodes basing on node information by clicking the label of corresponding column. The 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/descendingarrow.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    indicates that nodes are ordered in ascending order and on the contrary, the 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/ascendingarrow.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    icon means nodes are in descending order.
  </para>
  </section>
  <section id="sect-User_Guide-Views-Icons_View">
    <title>Icons View</title>
    <para>
   In this view type, nodes in a specific folder will be viewed as icons. The name of each node will be shown under its icon.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="110" fileref="images/iconsview.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/iconsview.png" format="PNG"/>
      </imageobject>
    </mediaobject>
  </section>
  <section id="sect-User_Guide-Views-Thumbnails_View">
    <title>Thumbnails View</title>
    <para>
   With Thumbnails view, nodes in a specific folder are viewed as icons bounded by frames. Name of each node is shown under its icon.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="110" fileref="images/thumbnailview.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/thumbnailview.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   If nodes are image files, their thumbnails will be shown like the screenshot below:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="110" fileref="images/thumbnailimages.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/thumbnailimages.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   Especially, in this view, you can overload thumbnail image for node. For example, if you want to add thumbnail image for <emphasis role="bold">Digital Assets</emphasis>folder, do as follows:
  </para>
    <procedure>
      <title/>
      <step>
        <para>
     Select a folder (on the left or right panel) that you want to add a thumbnail image.
    </para>
<!--  Removed in WCM 2.1.1 
               <mediaobject>
      <imageobject role="html">
       <imagedata align="center" fileref="images/addthumbnail.png" format="PNG" scale="90" width="444" />
      </imageobject>
       <imageobject role="fo">
       <imagedata align="center" contentwidth="150mm" fileref="images/addthumbnail.png" format="PNG" width="444" />
      </imageobject>

     </mediaobject> -->      </step>
      <step>
        <para>
     Click 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/overloadthumbnail.png" format="PNG"/>
            </imageobject>
          </inlinemediaobject>
      to open the <emphasis role="bold">Add thumbnail image</emphasis> form:
    </para>
      </step>
      <step>
        <para>
     Select an image used as a displaying icon for the selected folder by clicking the <emphasis role="bold">Browse...</emphasis>button.
    </para>
      </step>
      <step>
        <para>
     Complete adding a thumbnail image by clicking <emphasis role="bold">Save</emphasis>. This node will be stored in a exo:thumbnails folder.
    </para>
      </step>
      <step>
        <para>
     Back to the parent folder (folder Pictures in this example) that contains the selected folder to see a icon used to display:
    </para>
      </step>
    </procedure>
  </section>
  <section id="sect-User_Guide-Views-Cover_Flow_View">
    <title>Cover Flow View</title>
    <para>
   You can understand this view as a dynamical view because it brings the side-scrolling view to nodes in a folder. In this view, when a node is selected, its name is set with bold effect to more outstanding than others.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="110" fileref="images/imagefolders.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/imagefolders.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   If nodes are pictures, they are shown like:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="90" fileref="images/coverflow.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/coverflow.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   If nodes are documents or folders, they are displayed like the illustration below :
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="90" fileref="images/folderflow.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/folderflow.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   To move from one node to another one, you can do any of these ways:
  </para>
    <itemizedlist>
      <listitem>
        <para>
     Use the mousewheel.
    </para>
      </listitem>
      <listitem>
        <para>
     Hold and move the yellow circle button to the left or the right.
    </para>
      </listitem>
      <listitem>
        <para>
     Click the folder/document name that you want to select.
    </para>
      </listitem>
    </itemizedlist>
  </section>
  <section id="sect-User_Guide-Views-Slide_Show_View">
    <title>Slide Show View</title>
    <para>
   In this view type, pictures in folders are viewed in slide show.
  </para>
    <para>
   To view pictures in slide show, click the 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/slideshowicon.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    icon:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata align="center" scale="100" fileref="images/imageslideshow.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata contentwidth="150mm" align="center" fileref="images/imageslideshow.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   If nodes are pictures, they are displayed like the following illustration:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="90" fileref="images/pictureslideshowscreen.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/pictureslideshowscreen.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   The Slide show view automatically show all picture nodes, users can control this slide show by clicking the below buttons:
  </para>
    <table>
      <title/>
      <tgroup cols="2">
        <thead>
          <row>
            <entry> Button </entry>
            <entry> Function </entry>
          </row>
        </thead>
        <tbody>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavfirst.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> Go to the first picture node. </entry>
          </row>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavprev.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> View the previous picture node. </entry>
          </row>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavpause.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> Pause the slide show. </entry>
          </row>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavnext.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> View the next picture node. </entry>
          </row>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavlast.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> View the last picture node. </entry>
          </row>
          <row>
            <entry>
              <mediaobject>
                <imageobject>
                  <imagedata align="center" scale="100" fileref="images/slideshownavplay.png" format="PNG"/>
                </imageobject>
              </mediaobject>
            </entry>
            <entry> Continue viewing pictures node. </entry>
          </row>
        </tbody>
      </tgroup>
    </table>
  </section>
  <section id="sect-User_Guide-Views-Timeline_View">
    <title>Timeline View</title>
    <para>
   This view enables  users to view all nodes created and uploaded by time. Just click the 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/timeline.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    icon.
  </para>
    <para>
   All the nodes that were created and uploaded will be displayed like below:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata align="center" scale="100" fileref="images/timelineview.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata contentwidth="150mm" align="center" fileref="images/timelineview.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   You can click directly on the node name to view its content in details.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata width="444" align="center" scale="90" fileref="images/timelinedetails.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata width="444" contentwidth="150mm" align="center" fileref="images/timelinedetails.png" format="PNG"/>
      </imageobject>
    </mediaobject>
    <para>
   You can also click the 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/favestar.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    to mark your item as favorite or the 
   <inlinemediaobject>
        <imageobject>
          <imagedata fileref="images/unfavestar.png" format="PNG"/>
        </imageobject>
      </inlinemediaobject>
    icon corresponding to nodes in order to remove it from favorites.
  </para>
  </section>
</section>
