<?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-Manage_Content_In_Content_Explorer">
	<title>Manage Content In Content Explorer</title>
	 <para>
		A web content is a key resource in creating a site. Other resources make a site more dynamic and animated by using layout, color, font, and more. This section focuses on how to manage a web content in a specific site.
	</para>
	 <note>
		<para>
         Only users who have the right to access the <guilabel>Sites Management</guilabel> drive can manage web content.
		</para>

	</note>
	 <section id="sect-User_Guide-Manage_Content_In_Content_Explorer-Create_a_new_web_content">
		<title>Create a new web content</title>
		 <para>
			This function is used to add a new web content into a specific site.
		</para>
		 <procedure id="proc-User_Guide-Create_a_new_web_content-Add_new_content">
			<title>Add new content</title>
			 <step>
				<para>
					Go to the <guilabel>Sites Management</guilabel> drive and select a site that you want to add a web content to.
				</para>

			</step>
			 <step>
				<para>
					Select the web content folder on the left:
				</para>
				 <mediaobject>
					<imageobject role="html">
						<imagedata align="center" fileref="images/webcontentfolder.png" format="PNG"   />
					</imageobject>
					 <imageobject role="fo">
                  <imagedata align="center"  fileref="images/webcontentfolder.png" format="PNG" width="150mm" />
					</imageobject>

				</mediaobject>
				 <note>
					<para>
						You also can add the new web content into other folders (documents and media folder) of a site but it is recommended that you add new content to the web content folder because:
					</para>
					 <itemizedlist>
						<listitem>
							<para>
								It will allow you to manage web content of a site more easily.
							</para>
						</listitem>
						 <listitem>
							<para>
								If you add a new web content in this folder, you don't need to select a web content document in the list of document types. This makes adding a new web content more flexible.
							</para>
						</listitem>
					</itemizedlist>
				</note>
			</step>
			 <step>
				<para>
               Open the <guilabel>Add New Document</guilabel> form by clicking the <inlinemediaobject>
						<imageobject>
                     <imagedata fileref="images/adddocumenticon.png" format="PNG" width="28mm"/>
						</imageobject>
                  <textobject>
                     <phrase>Add Document</phrase>
                  </textobject>
					</inlinemediaobject> icon on the Action bar.
				</para>

			</step>
			 <step>
				<para>
               Select a template in the <guilabel>Select Template</guilabel> field to present web content:
				</para>
				 <mediaobject>
					<imageobject role="html">
						<imagedata align="center" fileref="images/maincontenttab.png" format="PNG"   />
					</imageobject>
					 <imageobject role="fo">
                  <imagedata align="center"  fileref="images/maincontenttab.png" format="PNG" width="150mm" />
					</imageobject>

				</mediaobject>
				 <para>
               The <guilabel>Select Template</guilabel> field has two options:
				</para>
				 <itemizedlist>
					<listitem>
						<para>
                     <guilabel>Picture on head layout web content:</guilabel> The site's content is presented in two spaces. One for inserting an image and one for editing the site's content. In which, the image is put at the head of a site.
						</para>

					</listitem>
					 <listitem>
						<para>
                     <guilabel>Free layout web content:</guilabel> This template is a free layout.
						</para>

					</listitem>

				</itemizedlist>
				<!--  Doc Note: The content from this point until the next comment 'END' should probably be moved to a breakout explanation. Having it in the middle of a procedure breaks the flow of the steps.                          -->
			</step>
			 <step>
				<para>
               Enter values in the fields of the <guilabel>Add New Document</guilabel> form.
				</para>

			</step>
			 <step>
				<para>
               Click <guilabel>Save as Draft</guilabel> to save the content or <guilabel>Cancel</guilabel> to exit the form.
				</para>

			</step>
			 <step>
            <title>Tabs in the Add New Document form</title>
				 <para>
               The <guilabel>Main Content</guilabel> Tab includes:
				</para>
				 <table>
					<title></title>
					 <tgroup cols="2">
						<thead>
							<row>
								<entry>
									Field
								</entry>
								 <entry>
									Options
								</entry>
							</row>
						</thead>
						 <tbody>
							<row>
								<entry>
                           <guilabel>Name</guilabel>
								</entry>
								 <entry>
									The name of a web content that you want to add new
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>Title</guilabel>
								</entry>
								 <entry>
									The title of a web content
								</entry>

							</row>
							 <row>
								<entry>
                           <guilabel>Main content</guilabel>
								</entry>
								 <entry>
									The main content that you want to display when publishing this web content
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>Save button</guilabel>
								</entry>
								 <entry>
									To save the inputted values
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>Cancel button</guilabel>
								</entry>
								 <entry>
									To exit the current form
								</entry>
							</row>
						</tbody>
					</tgroup>
				</table>
				 <para>
               The <guilabel>Illustration Tab</guilabel> allows you to upload an illustration that makes the site's content more attractive.
				</para>
				 <mediaobject>
					<imageobject role="html">
						<imagedata align="center" fileref="images/illustrationtab.png" format="PNG"   />
					</imageobject>
					 <imageobject role="fo">
                  <imagedata align="center"  fileref="images/illustrationtab.png" format="PNG" width="150mm" />
					</imageobject>

				</mediaobject>
				 <table>
					<title></title>
					 <tgroup cols="2">
						<thead>
							<row>
								<entry>
									Field
								</entry>
								 <entry>
									Option
								</entry>
							</row>
						</thead>
						 <tbody>
							<row>
								<entry>
                           <guilabel>Illustration Image</guilabel>
								</entry>
								 <entry>
									The path to an image that you want to upload into a site. This image will be used like an illustration of that site.
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>Image Type</guilabel>
								</entry>
								 <entry>
									The image format that you want to upload to the site. It can be: image/gif; image/png; image/jpg; image/jpeg.
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>Summary</guilabel>
								</entry>
								 <entry>
									You can supply a short description about the web content that will be displayed with the illustration image when the web content is listed. The main content will be shown when it is selected to be viewed.
								</entry>
							</row>
						</tbody>
					</tgroup>
				</table>
				 <para>
					Do the following to upload an image:
				</para>
				 <procedure id="proc-User_Guide-Add_new_content-_Upload_an_image">
					<title> Upload an image</title>
					 <step>
						<para>
                     Browse an image list on your local device by clicking the <guilabel>Browse...</guilabel> button and then select a specific location.
						</para>
					</step>
					 <step>
						<para>
							Select an image in the list to upload.
						</para>
					</step>
				</procedure>
				 <para>
               The <guilabel>Advanced</guilabel> tab:
				</para>
				 <para>
               This tab includes two parts: <guilabel>CSS data</guilabel> and <guilabel>JS data</guilabel>:
				</para>
				 <mediaobject>
					<imageobject role="html">
						<imagedata align="center" fileref="images/advancedtab.png" format="PNG"   />
					</imageobject>
					 <imageobject role="fo">
                  <imagedata align="center"  fileref="images/advancedtab.png" format="PNG" width="150mm" />
					</imageobject>
				</mediaobject>
				 <table>
					<title></title>
					 <tgroup cols="2">
						<thead>
							<row>
								<entry>
									Field
								</entry>
								 <entry>
									Information
								</entry>
							</row>
						</thead>
						 <tbody>
							<row>
								<entry>
                           <guilabel>CSS data</guilabel>
								</entry>
								 <entry>
									Contains CSS definition to present data in a web content. You can optionally enter CSS data into this field to specify the style.
								</entry>
							</row>
							 <row>
								<entry>
                           <guilabel>JS data</guilabel>
								</entry>
								 <entry>
									Contains JS content to make the web content more dynamic when after publishing. You can optionally enter JS content in this field.
								</entry>
							</row>
						</tbody>
					</tgroup>
				</table>
				<!--                         END                         -->
			</step>
		</procedure>
	</section>
	
	 <section id="sect-User_Guide-Manage_Content_In_Content_Explorer-Edit_a_web_content">
		<title>Edit a web content</title>
		 <para>
			This function is used to edit a web content in a specific drive of an existing site.
		</para>
		 <para>
			Do the following:
		</para>
		 <procedure id="proc-User_Guide-Edit_a_web_content-Edit_a_web_content">
			<title>Edit a web content</title>
			 <step>
				<para>
					Go into the folder of a site which contains the web content that you want to edit.
				</para>
			</step>
			 <step>
				<para>
					Select the web content by double-clicking it on the left tree or on the right panel. The detailed information of web content will be viewed on the right panel.
				</para>
			</step>
			 <step>
				<para>
					Click the 
					<inlinemediaobject>
						<imageobject>
                     <imagedata fileref="images/editdocumenticon.png" format="PNG" width="38mm" />
						</imageobject>
                  <textobject>
                     <phrase>Edit Document</phrase>
                  </textobject>
					</inlinemediaobject> icon on the action bar to show the edit form of the selected web content as the <guilabel>Add New Document</guilabel> form.
				</para>

			</step>
			 <step>
				<para>
					Change the current values in the fields of this edit form.
				</para>

			</step>
			 <step>
				<para>
					Complete editing the selected web content by clicking <guilabel>Save</guilabel>.
				</para>

			</step>

		</procedure>
		
		 <note>
			<title>Auto-lock</title>
			 <para>
				When you click <guilabel>Edit Document</guilabel>, the web-content will be auto-locked for editing. After finishing, the content reverts to unlocked status. You can manage Locks in the Administration portlet.
			</para>

		</note>

	</section>
	
	 <section id="sect-User_Guide-Manage_Content_In_Content_Explorer-Delete_a_web_content">
		<title>Delete a web content</title>
		 <para>
			This function is used to remove a web content from the web content folder in a specific site's drive.
		</para>
		 <para>
			To delete a web-content, do the following:
		</para>
		 <procedure id="proc-User_Guide-Delete_a_web_content-Delete_a_web_content">
			<title>Delete a web content</title>
			 <step>
				<para>
               Right-click the name of the web content that you want to delete and then select <guilabel>Delete</guilabel> in the drop-down menu:
				</para>
				 <mediaobject>
					<imageobject role="html">
						<imagedata align="center" fileref="images/selectdelete.png" format="PNG"  />
					</imageobject>
					 <imageobject role="fo">
                  <imagedata align="center"  fileref="images/selectdelete.png" format="PNG" width="75mm"/>
					</imageobject>
				</mediaobject>
			</step>
			 <step>
				<para>
               A confirmation message will appear. Click <guilabel>OK</guilabel> to accept the deletion, or <guilabel>Cancel</guilabel> to quit without deleting.
				</para>
			</step>
		</procedure>
	</section>
	
	 <section id="sect-User_Guide-Manage_Content_In_Content_Explorer-Publish_a_web_content">
		<title>Publish a web content</title>
		 <para>
			This function helps you publish a web content that you have added to web content folder in Content Explorer.
		</para>
		 <para>
			See <xref linkend="sect-User_Guide-Contribute_Content-Publication_Process" /> to know how to publish a web content.
		</para>
		 <para>
			After the content is published, all users who have the right to access that position can view the published web content as a page on the Navigation bar.
		</para>
	</section>
</section>