<?xml version='1.0' encoding='utf-8' ?>
<!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 are many drives in the Content Explorer. Each drive has different views that allow you to look at the data in the drive in a particular way. Each view has various actions available on tabs in the viewing pane.
	</para>
	 <para>
		&PRODUCT; offers four ways to view nodes in a specific folder and show the corresponding actions on the Actions bar.
	</para>
	 <note>
		<title>View Types</title>
		 <para>
			The number of View types depends on which drive you are browsing. You can manage the view types in &PRODUCT; 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 the following information: <systemitem>Name</systemitem>, <systemitem>Date Created</systemitem>, <systemitem>Date Modified</systemitem>, <systemitem>Owner</systemitem> and <systemitem>Versionable and Auditing</systemitem>. This information will help you manage nodes more easily.
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/detailsview.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/detailsview.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			You can sort nodes based on node information by clicking the label of the corresponding column. The <inlinemediaobject>
				<imageobject>
					<imagedata fileref="images/descendingarrow.png" format="PNG" width="5mm"/>
				</imageobject>
            <textobject>
               <phrase>ascending arrow</phrase>
            </textobject>
			</inlinemediaobject> icon indicates that nodes are ordered in ascending order and the 
			<inlinemediaobject>
				<imageobject>
               <imagedata fileref="images/ascendingarrow.png" format="PNG" width="5mm"/>
				</imageobject>
            <textobject>
               <phrase>descending arrow</phrase>
            </textobject>
			</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, 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 align="center" fileref="images/iconsview.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/iconsview.png" format="PNG" width="150mm" />
			</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 align="center" fileref="images/thumbnailview.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/thumbnailview.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			If nodes are image files, their thumbnails will be shown as so:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/thumbnailimages.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/thumbnailimages.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
         Additionally, when in this view, you can <emphasis>overload</emphasis> a thumbnail image for a node. For example, if you want to add a thumbnail image for the <emphasis role="bold">Digital Assets</emphasis> folder, do the following:
		</para>
		 <procedure>
			<title></title>
			 <step>
				<para>
					Select a folder (on the left or right panel) that you want to add a thumbnail image.
				</para>
			</step>
			 <step>
				<para>
					Click the <inlinemediaobject>
						<imageobject>
							<imagedata fileref="images/overloadthumbnail.png" format="PNG" />
						</imageobject>
                  <textobject>
                     <phrase>Overload Thumbnail</phrase>
                  </textobject>
               </inlinemediaobject> icon to open the <guilabel>Add thumbnail image</guilabel> form.
				</para>
			</step>
			 <step>
				<para>
					Select an image from your machine to use as a display icon for the selected folder.
				</para>
			</step>
			 <step>
				<para>
               Complete adding a thumbnail image by clicking <guilabel>Save</guilabel>. 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>
			This view is defined as a dynamic view with side-scrolling views of nodes in a folder. In this view, when a node is selected, its name is set with bold effect to set it apart from others.
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/imagefolders.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/imagefolders.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			If nodes are pictures, they appear as:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/coverflow.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/coverflow.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			If nodes are documents or folders, they are displayed as:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/folderflow.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/folderflow.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			You can move from one node to another in one of three methods:
		</para>
		 <itemizedlist>
			<listitem>
				<para>
					Use the mouse wheel.
				</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 a slide show.
		</para>
		 <para>
			To view pictures in the slide show, click the <inlinemediaobject>
				<imageobject>
               <imagedata fileref="images/slideshowicon.png" format="PNG" width="7mm"/>
				</imageobject>
            <textobject>
               <phrase>slide show</phrase>
            </textobject>
			</inlinemediaobject> icon:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/imageslideshow.png" format="PNG"  />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/imageslideshow.png" format="PNG" width="63mm"/>
			</imageobject>
		</mediaobject>
		 <para>
			If nodes are pictures, they are displayed as:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/pictureslideshowscreen.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/pictureslideshowscreen.png" format="PNG" width="138mm" />
			</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></title>
			 <tgroup cols="2">
				<thead>
					<row>
						<entry>
							Button
						</entry>
						 <entry>
							Function
						</entry>
					</row>
				</thead>
				 <tbody>
					<row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavfirst.png" format="PNG" width="7mm" />
								</imageobject>
							</mediaobject>
						</entry>
						 <entry>
							Go to the first picture node.
						</entry>
					</row>
					 <row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavprev.png" format="PNG" width="7mm" />
								</imageobject>
							</mediaobject>
						</entry>
						 <entry>
							View the previous picture node.
						</entry>
					</row>
					 <row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavpause.png" format="PNG" width="7mm" />
								</imageobject>
							</mediaobject>
						</entry>
						 <entry>
							Pause the slide show.
						</entry>
					</row>
					 <row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavnext.png" format="PNG" width="7mm" />
								</imageobject>
							</mediaobject>
						</entry>
						 <entry>
							View the next picture node.
						</entry>
					</row>
					 <row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavlast.png" format="PNG" width="7mm" />
								</imageobject>
							</mediaobject>
						</entry>
						 <entry>
							View the last picture node.
						</entry>
					</row>
					 <row>
						<entry>
							<mediaobject>
								<imageobject>
                           <imagedata align="center" fileref="images/slideshownavplay.png" format="PNG" width="7mm" />
								</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. To use it, click the <inlinemediaobject>
				<imageobject>
               <imagedata fileref="images/timeline.png" format="PNG" width="5mm"/>
				</imageobject>
            <textobject>
               <phrase>clock</phrase>
            </textobject>
			</inlinemediaobject> icon.
		</para>
		 <para>
			All the nodes that were created and uploaded will be displayed in a timeline:
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/timelineview.png" format="PNG"  />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/timelineview.png" format="PNG" width="62mm" />
			</imageobject>
		</mediaobject>
		 <para>
			You can click directly on the node name to view its content in details.
		</para>
		 <mediaobject>
			<imageobject role="html">
				<imagedata align="center" fileref="images/timelinedetails.png" format="PNG"   />
			</imageobject>
			 <imageobject role="fo">
            <imagedata align="center"  fileref="images/timelinedetails.png" format="PNG" width="150mm" />
			</imageobject>
		</mediaobject>
		 <para>
			You can also click the <inlinemediaobject>
				<imageobject>
               <imagedata fileref="images/favestar.png" format="PNG" width="6mm"/>
				</imageobject>
            <textobject>
               <phrase>star</phrase>
            </textobject>
			</inlinemediaobject> icon to mark your item as favorite or the 
			<inlinemediaobject>
				<imageobject>
               <imagedata fileref="images/unfavestar.png" format="PNG" width="8mm" />
				</imageobject>
            <textobject>
               <phrase>star</phrase>
            </textobject>
			</inlinemediaobject> icon of a favorited node again to remove it from favorites.
		</para>
	</section>
</section>


