<?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_a_site">
  <title>Manage a site</title>
  <section id="sect-User_Guide-Manage_a_site-Create_a_new_site">
    <title>Create a new site</title>
    <para>
   </para>
    <note>
      <para>
    Only administrators have the authorization rights required to create a new site in &PRODUCT;.
  </para>
    </note>
    <para>
       &PRODUCT; administrators can create a site (portal) to meet their specific needs.
  </para>
    <para>
   Do the following:
  </para>
    <procedure>
      <step>
        <para>
     Click <guilabel>Site</guilabel> on the administration bar to see a list of existing portals.
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center"  fileref="images/site.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata   align="center" fileref="images/site.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
      </step>
      <step>
        <para>
        Click the <guilabel>Add New Portal</guilabel> button to open the form to add a new portal.
        </para>
        <para>
           In the <guilabel>Portal Setting</guilabel> tab, set some properties for this site including the portal name, locale and skin.
        </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center" fileref="images/newportal.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata   align="center" fileref="images/newportal.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
        <table id="tabl-User_Guide-Create_a_new_site-Details">
          <title>Details:</title>
          <tgroup cols="2">
            <thead>
              <row>
                <entry> <guilabel>Field</guilabel> </entry>
                <entry> Information </entry>
              </row>
            </thead>
            <tbody>
              <row>
                <entry> <guilabel>Portal name</guilabel> </entry>
                <entry> The name of the portal. This field is required and must be unique. Only alphabet, numbers and underscore characters are allowed. The Portal name must be at least 3 characters. </entry>
              </row>
              <row>
                <entry> <guilabel>Locale</guilabel> </entry>
                <entry> The interface language of the portal. This field is required. </entry>
              </row>
              <row>
                <entry> <guilabel>Skin</guilabel> </entry>
                <entry> The skin of the portal. </entry>
              </row>
            </tbody>
          </tgroup>
        </table>
      </step>
      <step>
        <para>
           Select the <guilabel>Properties</guilabel> tab to keep sessions alive.
         </para>
        <para>
         The <guilabel>Keep session alive</guilabel> option defines the working session so as to avoid timeouts. There are three options available:
      </para>
        <variablelist>
          <varlistentry>
            <term>never:</term>
            <listitem>
              <para>
        The session never happens even if the application requests.
       </para>
            </listitem>
          </varlistentry>
          <varlistentry>
            <term>on demand:</term>
            <listitem>
              <para>
        The session starts to be used as soon as the application requests.
       </para>
            </listitem>
          </varlistentry>
          <varlistentry>
            <term>always:</term>
            <listitem>
              <para>
        The session is always enabled.
       </para>
            </listitem>
          </varlistentry>
        </variablelist>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center"  fileref="images/portalproperties.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata   align="center" fileref="images/portalproperties.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
      </step>
      <step>
        <para>
     Select the <guilabel>Permission Setting</guilabel> tab to set access and edit permission for this portal.
    </para>
<!--   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.                           -->
        <para>
     The <guilabel>Permission Setting</guilabel> tab includes two sub-tabs: <guilabel>Access Permission Setting</guilabel> and <guilabel>Edit Permission Setting</guilabel>.
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center"  fileref="images/permissionsetting.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata align="center" fileref="images/accesspermission.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
        <variablelist>
          <varlistentry>
            <term>Access Permission Setting tab</term>
            <listitem>
              <para>
        The access permission list of the portal is empty by default:
       </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center"  fileref="images/accesspermission.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata   align="center" fileref="images/accesspermission.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
        <para>
         Check the <guilabel>Make it public</guilabel> check box to assign the access permission to everyone or click the <guilabel>Add Permission</guilabel> button to assign access permissions to a specific group (select the group you want to grant permission to from the <guilabel>Select Permissions</guilabel> form by selecting a group on the left and a corresponding membership on the right).
         </para>
      <para>
        Once the desired groups have been selected the access permission list is displayed:
       </para>
              <mediaobject>
                <imageobject role="html">
                  <imagedata  align="center"  fileref="images/permissionlist.png" format="PNG"/>
                </imageobject>
                <imageobject role="fo">
                  <imagedata   align="center" fileref="images/permissionlist.png" format="PNG" width="150mm"/>
                </imageobject>
              </mediaobject>
              <para>
        Groups can be removed from the <guilabel>Access Permission</guilabel> list by clicking the <inlinemediaobject>
                  <imageobject>
                    <imagedata fileref="images/trashicon.png" format="PNG" width="5mm"/>
                  </imageobject>
                  <textobject>
                     <phrase>trash can</phrase>
                  </textobject>
                </inlinemediaobject> icon.
       </para>
            </listitem>
          </varlistentry>
          <varlistentry>
            <term>Edit Permission Setting</term>
            <listitem>
              <para>
        The <guilabel>Edit Permission Setting</guilabel> tab is also empty by default. You must assign the edit permission to a specific group.
       </para>
              <mediaobject>
                <imageobject role="html">
                  <imagedata  align="center"  fileref="images/editpermission.png" format="PNG"/>
                </imageobject>
                <imageobject role="fo">
                  <imagedata   align="center" fileref="images/editpermission.png" format="PNG" width="150mm"/>
                </imageobject>
              </mediaobject>
         <para>
         You can assign the edit permission to a group with a specific membership by clicking the <guilabel>Select Permission</guilabel> button to open the <guilabel>Permission Selector</guilabel> form. Select a group on the left panel and a corresponding membership on the right panel:
       </para>
              <mediaobject>
                <imageobject role="html">
                  <imagedata  align="center"  fileref="images/permissionselector.png" format="PNG"/>
                </imageobject>
                <imageobject role="fo">
                  <imagedata   align="center" fileref="images/permissionselector.png" format="PNG" width="140mm"/>
                </imageobject>
              </mediaobject>
              <para>
        The asterix (<guilabel>*</guilabel>) in the <guilabel>Select a Membership</guilabel> panel is used to assign the right to everyone in the group selected in the left panel.
       </para>
      <para>
        After selecting a group, the <guilabel>Current Permission</guilabel> will be displayed with detailed information:
       </para>
              <mediaobject>
                <imageobject role="html">
                  <imagedata  align="center"  fileref="images/currentpermission.png" format="PNG"/>
                </imageobject>
                <imageobject role="fo">
                  <imagedata   align="center" fileref="images/currentpermission.png" format="PNG" width="150mm"/>
                </imageobject>
              </mediaobject>
              <para>
              The edit permission is assigned for only one group at one time. You can click the <guilabel>Delete Permission</guilabel> button to remove the current edit permission of the selected group or re–assign the edit permission to another group by clicking the <guilabel>Select Permission</guilabel> button again and selecting another group.
             </para>
            </listitem>
          </varlistentry>
        </variablelist>
<!--                          END                          -->
      </step>
      <step>
        <para>
     Click <guilabel>Save</guilabel> to create the new portal.
    </para>
      </step>
    </procedure>
    <para>
   After creating a new site, the list of the existing sites will be displayed on the screen.
   </para>
   <para>
      The new site will be added to the site list in <guilabel>Site</guilabel> on the administration bar and to a drive list that includes all its default files.
  </para>
    <para>
   To see it in the drive list, click <menuchoice>
      <guimenu>Group</guimenu>
      <guimenuitem>Content Explorer</guimenuitem>
   </menuchoice> on the administrator bar.
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata  align="center"  fileref="images/sitesexplorer.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata   align="center" fileref="images/sitesexplorer.png" format="PNG" width="150mm"/>
      </imageobject>
    </mediaobject>
    <para>
   For example, after creating a portal named <literal>eXo</literal> there is a drive named <literal>eXo</literal> in <guilabel>Content Explorer</guilabel>:
  </para>
    <mediaobject>
      <imageobject role="html">
        <imagedata  align="center"  fileref="images/exosite.png" format="PNG"/>
      </imageobject>
      <imageobject role="fo">
        <imagedata   align="center" fileref="images/exosite.png" format="PNG" width="150mm"/>
      </imageobject>
    </mediaobject>
  </section>
  <section id="sect-User_Guide-Manage_a_site-Edit_a_Site">
    <title>Edit a site</title>
    <para>
   This function enables you to edit a site, including the settings, permissions and other configuration options as well as the navigation and the layout components.
   </para>
    <para>
       There are two ways to approach a site that you want to edit:
   </para>
    <orderedlist>
      <listitem>
        <para>Edit the site that you are browsing through the <guilabel>Site Editor</guilabel> menu on the administration bar.</para>
      </listitem>
      <listitem>
        <para>Edit another site by accessing it through the <guilabel>Sites</guilabel> menu on the administration bar.</para>
      </listitem>
    </orderedlist>

      <section id="sect-User_Guide-Edit_a_Site-How_to_edit_the_current_Site">
      <title>By accessing to Site Editor</title>
      <para>
         Directly edit the site you are browsing by navigating to <menuchoice>
            <guimenu>Site Editor</guimenu>
            <guimenuitem>Edit Layout</guimenuitem>
         </menuchoice>.
      </para>
      <mediaobject>
            <imageobject role="html">
              <imagedata  align="center"  fileref="images/editlayout.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
              <imagedata   align="center" fileref="images/editlayout.png" format="PNG" width="138mm"/>
            </imageobject>
          </mediaobject>
      <para>
         An editable layout of the site appears:
      </para>
      <mediaobject>
            <imageobject role="html">
              <imagedata  align="center"  fileref="images/editportalform.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
              <imagedata   align="center" fileref="images/editportalform.png" format="PNG" width="150mm"/>
            </imageobject>
          </mediaobject>
      <table>
        <title/>
        <tgroup cols="2">
          <thead>
            <row>
              <entry> Field </entry>
              <entry> Details </entry>
            </row>
          </thead>
          <tbody>
            <row>
              <entry>
                 <para>
                    <guilabel>Site&apos;s config</guilabel>
                 </para>
                <mediaobject>
                      <imageobject>
                        <imagedata align="center"  fileref="images/site-config.png" format="PNG" width="34mm"/>
                      </imageobject>
                    </mediaobject>
              </entry>
              <entry>Allows editing the site&apos;s configuration.</entry>
            </row>
            <row>
              <entry>
                 <para>
                    <guilabel>Switch View Mode</guilabel>
                 </para>
                <mediaobject>
                      <imageobject>
                        <imagedata align="center"  fileref="images/switchviewbutton.png" format="PNG" width="44mm"/>
                      </imageobject>
                    </mediaobject>
              </entry>
              <entry>Displays a view of the current layout with content.</entry>
            </row>
            <row>
              <entry>
                 <para>
                     <guilabel>Finish</guilabel>
                 </para>
                <mediaobject>
                      <imageobject>
                        <imagedata align="center"  fileref="images/finishbutton.png" format="PNG" width="9mm"/>
                      </imageobject>
               </mediaobject>
              </entry>
              <entry>Saves all changes and exits the Edit page. </entry>
            </row>
            <row>
              <entry>
                 <para>
                    <guilabel>Abort</guilabel>
                 </para>
                <mediaobject>
                      <imageobject>
                        <imagedata align="center"  fileref="images/abortbutton.png" format="PNG" width="7mm"/>
                      </imageobject>
                    </mediaobject>
              </entry>
              <entry>Cancels all changes that have not been saved and quits the edit page. </entry>
            </row>
          </tbody>
        </tgroup>
      </table>
      <para>
         Using this method you can only edit the layout and the configuration of site.
      </para>
      <formalpara id="form-User_Guide-How_to_edit_the_current_Site-Edit_layout">
        <title>Edit layout</title>
        <para>
            Editing the layout allows more aspects of a site, including the banner, navigation bar, breadcrumb bar, homepage or footer to be edited.
         </para>
      </formalpara>
         <para>
            You can add more portlets to the site by dragging and dropping them from the <guilabel>Applications</guilabel> tab of the <guilabel>Edit Inline Composer form</guilabel> to the main pane. Portlets can also be moved within the main content pane by dragging them from one location to another.
      </para>
      <mediaobject>
         <imageobject role="html">
            <imagedata fileref="images/moveportlet.png" format="PNG" align="center"/>
         </imageobject>
         <imageobject role="fo">
            <imagedata fileref="images/moveportlet.png" format="PNG" align="center" width="150mm" />
         </imageobject>
      </mediaobject>
      <note>
         <title>Editing Portlets</title>
            <para>
               The editing process is similar for all portlets, therefore this guide will outline how to edit the site banner portlet as an example.
            </para>
      </note>
      <procedure id="proc-User_Guide-How_to_edit_the_current_Site-Edit_Banner">
        <title>Edit Banner Portlet</title>
        <step>
          <para>
               Open the form to edit a banner by clicking the <inlinemediaobject>
              <imageobject>
                <imagedata fileref="images/editicon3.png" format="PNG" width="13mm"/>
              </imageobject>
              <textobject>
                 <phrase>pencil</phrase>
              </textobject>
            </inlinemediaobject> icon of the portlet in the <guilabel>Edit Portal</guilabel> form:
               </para>
          <mediaobject>
            <imageobject role="html">
              <imagedata align="center"  fileref="images/editbanner.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
              <imagedata  align="center" fileref="images/editbanner.png" format="PNG" width="66mm"/>
            </imageobject>
          </mediaobject>
          <para>
      A form to edit the current banner will appear:
     </para>
          <mediaobject>
            <imageobject role="html">
              <imagedata  align="center"  fileref="images/editbannerform.png" format="PNG"/>
            </imageobject>
            <imageobject role="fo">
              <imagedata   align="center" fileref="images/editbannerform.png" format="PNG" width="150mm"/>
            </imageobject>
          </mediaobject>
        </step>
        <step>
          <para>
            Select the <guilabel>Edit Mode</guilabel> tab:
           </para>
           <table>
           <title></title>
                 <tgroup cols="2">
                    <thead>
                       <row>
                          <entry>
                             Field
                          </entry>
                          <entry>
                             Details
                          </entry>
                       </row>
                    </thead>
                    <tbody>
                       <row>
                          <entry>
                             <guilabel>Content Selection</guilabel>
                          </entry>
                          <entry>
                             Select the path of the content that you want to show by clicking the <guilabel>plus</guilabel> icon.
                          </entry>
                       </row>
                       <row>
                          <entry>
                             <guilabel>Display Settings</guilabel>
                          </entry>
                          <entry>
                             <itemizedlist>
                                <listitem>
                                  <para>
                                       <guilabel>Show Title</guilabel>: specify whether the title of the content is displayed or not.
                                    </para>
                                </listitem>
                                <listitem>
                                  <para>
                                       <guilabel>Show Date</guilabel>: specify whether the date of the content publication is displayed or not.
                                    </para>
                                </listitem>
                                <listitem>
                                  <para>
                                       <guilabel>Show Option Bar:</guilabel> show or hide the Option bar used to show the print link.
                                    </para>
                                </listitem>
                              </itemizedlist>
                          </entry>
                       </row>
                       <row>
                          <entry>
                             <guilabel>Print Setting</guilabel>
                          </entry>
                          <entry>
                             <itemizedlist>
                                <listitem>
                                  <para>
                                       <guilabel>Show in page</guilabel>: choose a page for the print review.
                                    </para>
                                </listitem>
                                <listitem>
                                  <para>
                                       <guilabel>with</guilabel>: parameters contain the content path.
                                    </para>
                                </listitem>
                              </itemizedlist>
                          </entry>
                       </row>
                       <row>
                          <entry>
                             <guilabel>Advanced</guilabel>
                          </entry>
                          <entry>
                             <para>
                                The content should enable <guilabel>Dynamic Navigation</guilabel> that interprets the URL and shows a content.
                             </para>
                          </entry>
                       </row>
                    </tbody>
                 </tgroup>
           </table>
            <note>
               <title>More Info</title>
               <para>
                  Click the <inlinemediaobject>
                   <imageobject>
                     <imagedata fileref="images/questionicon.png" format="PNG" width="6mm"/>
                   </imageobject>
                   <textobject>
                      <phrase>question mark</phrase>
                   </textobject>
                 </inlinemediaobject> icon to see more information about each field.
               </para>
            </note>
        </step>
        <step>
          <para>
            Select the <guilabel>Portlet Setting</guilabel> tab:
           </para>
          <mediaobject>
             <imageobject role="html">
                <imagedata fileref="images/portletsettingtab.png" format="PNG" align="center"/>
             </imageobject>
             <imageobject role="fo">
                <imagedata fileref="images/portletsettingtab.png" format="PNG" align="center" width="150mm" />
             </imageobject>
          </mediaobject>
      <table frame="all">
              <title/>
              <tgroup cols="2">
                    <thead>
                       <row>
                          <entry>
                             Field
                          </entry>
                          <entry>
                             Details
                          </entry>
                       </row>
                    </thead>
                <tbody>
                  <row>
                    <entry>
                      <guilabel>Display name</guilabel>
                    </entry>
                    <entry> The display name of the portlet (not editable).</entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Portlet Title</guilabel>
                    </entry>
                    <entry> The title of the portlet (editable). </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Width</guilabel>
                    </entry>
                    <entry> The display width of the portlet. </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Height</guilabel>
                    </entry>
                    <entry> The display height of the portlet. </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Show info bar.</guilabel>
                    </entry>
                    <entry> Tick the check box if you want to show the info bar of the portlet. </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Show Portlet mode</guilabel>
                    </entry>
                    <entry> Tick the check box if you want to show the portlet mode. </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel> Show window state</guilabel>
                    </entry>
                    <entry> Tick the check box if you want to show the window state. </entry>
                  </row>
                  <row>
                    <entry>
                      <guilabel>Description</guilabel>
                    </entry>
                    <entry> Enter a description about the portlet. </entry>
                  </row>
                </tbody>
              </tgroup>
            </table>
         </step>
        <step>
          <para>
      Switch to the <guilabel>Icon</guilabel> tab and designate an icon for the portlet by clicking it.
     </para>
        </step>
        <step>
          <para>
      Switch to the <guilabel>Decoration Theme</guilabel> tab and chose a decoration theme for the portlet.
     </para>
        </step>
        <step>
          <para>
      Select the <guilabel>Access Permission</guilabel> tab and set the access permissions for the portlet.
     </para>
          <para>
      By default, all users can access the portlet:
     </para>
      <mediaobject>
        <imageobject role="html">
           <imagedata fileref="images/accesspermission.png" format="PNG" align="center"/>
        </imageobject>
        <imageobject role="fo">
           <imagedata fileref="images/accesspermission.png" format="PNG" align="center" width="150mm"/>
        </imageobject>
     </mediaobject>
          <para>
      However, you can edit the access permission by clearing the checkbox and clicking <guilabel>Add Permission</guilabel>:
     </para>
          <mediaobject>
        <imageobject role="html">
           <imagedata fileref="images/accesspermission1.png" format="PNG" align="center"/>
        </imageobject>
        <imageobject role="fo">
           <imagedata fileref="images/accesspermission1.png" format="PNG" align="center" width="150mm"/>
        </imageobject>
     </mediaobject>
          <para>
      The <guilabel>ListPermissionSelector</guilabel> form appears. Select a group on the left pane and a membership on the right pane.
     </para>
          <note>
            <para>
       The asterix (*) on the right pane denotes all members in the group.
      </para>
          </note>
        </step>
        <step>
          <para>
      Click <guilabel>Save and Close</guilabel> to commit.
     </para>
        </step>
        <step>
          <para>
     Click the <inlinemediaobject>
              <imageobject role="html">
                <imagedata fileref="images/finishbutton.png" format="PNG" width="9mm"/>
              </imageobject>
              <textobject role="fo">
                 <phrase>disk</phrase>
              </textobject>
            </inlinemediaobject> icon to quit the form to edit the current site.
     </para>
        </step>
      </procedure>
      <formalpara>
        <title>Edit Configuration</title>
        <para>
    To edit the configuration (including language, skin and permissions) of the site, click the <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/site-config.png" format="PNG" width="34mm"/>
            </imageobject>
            <textobject>
               <phrase>Site's Config</phrase>
            </textobject>
          </inlinemediaobject> button to open the same form as the form to add a new portal.
         </para>
      </formalpara>
      <para>
            Follow the same steps as in <xref linkend="sect-User_Guide-Manage_a_site-Create_a_new_site"/>.
      </para>
      <note>
        <para>
     You cannot change the name of the site.
    </para>
      </note>
    </section>
    <section id="sect-User_Guide-Edit_a_Site-How_to_edit_an_existing_site">
      <title>By accessing the Site</title>
      <para>
    This approach way enables you to edit the layout, configuration and navigation bar of a site by going to <guilabel>Sites</guilabel> and selecting the site from the existing site list.
    </para>
      <mediaobject>
         <imageobject role="html">
            <imagedata fileref="images/existingsites.png" format="PNG" align="center"/>
         </imageobject>
         <imageobject role="fo">
            <imagedata fileref="images/existingsites.png" format="PNG" align="center" width="150mm"/>
         </imageobject>
      </mediaobject>
      <formalpara id="form-User_Guide-How_to_edit_an_existing_site-Edit_Layout">
        <title>Edit Layout</title>
        <para>
           Do the following to edit the layout of an existing site.
        </para>
      </formalpara>
      <procedure>
        <step>
          <para>
      Click <menuchoice>
         <guimenu>Site</guimenu>
         <guimenuitem>Edit Layout</guimenuitem>
      </menuchoice> to open a form to edit the site layout.
     </para>
        </step>
        <step>
          <para>
      Follow the steps in the <xref linkend="form-User_Guide-How_to_edit_the_current_Site-Edit_layout"/> process.
     </para>
        </step>
      </procedure>
      <formalpara id="form-User_Guide-How_to_edit_an_existing_site-Edit_Navigation">
        <title>Edit Navigation</title>
        <para>
     Do the following to edit the navigation of a site.
         </para>
      </formalpara>
      <procedure>
        <step>
          <para>
      Click <menuchoice>
         <guimenu>Site</guimenu>
         <guimenuitem>Edit Navigation</guimenuitem>
      </menuchoice> to open the <guilabel>Navigation Management</guilabel> form.</para>
          <mediaobject>
            <imageobject role="html">
               <imagedata fileref="images/navigationmanagement.png" format="PNG" align="center"/>
            </imageobject>
            <imageobject role="fo">
               <imagedata fileref="images/navigationmanagement.png" format="PNG" align="center" width="104mm" />
            </imageobject>
         </mediaobject>
        </step>
        <step>
          <para>
      Click <guilabel>Add Node</guilabel> to open the <guilabel>ADD/EDIT PAGE NODE</guilabel> form.
      <!-- (For more details, refer to the Section 5.3.1, Add a new node, GateIn User Guide 3.1.). Commentted reference to Gatein User Guide as not cross-product compatible-->
     </para>
        </step>
        <step>
          <para>
      In the <guilabel>Page Node Setting</guilabel> tab, enter a name for the node. This is a required value.
     </para>
          <mediaobject>
             <imageobject role="html">
                <imagedata fileref="images/add-editnode.png" format="PNG" align="center"/>
             </imageobject>
             <imageobject role="fo">
                <imagedata fileref="images/add-editnode.png" format="PNG" align="center" width="150mm" />
             </imageobject>
          </mediaobject>
      <table frame="all">
              <title/>
              <tgroup cols="2">
                <thead>
                  <row>
                     <entry>
                        Field
                     </entry>
                     <entry>
                        Details
                     </entry>
                  </row>
               </thead>
                <tbody>
                  <row>
                    <entry><guilabel>Uri</guilabel></entry>
                    <entry> The node&apos;s identification. The Uri is automatically created once a new node has been created. </entry>
                  </row>
                  <row>
                    <entry><guilabel>Label</guilabel></entry>
                    <entry> The node&apos;s display name on the screen. This field may be changed and its length must be between 3 and 60 characters. </entry>
                  </row>
                  <row>
                    <entry><guilabel>Visible</guilabel></entry>
                    <entry> This checkbox allows the page and its node to be shown or hidden on the navigation bar, the page navigation bar and the sitemap. See above for more details. </entry>
                  </row>
                  <row>
                    <entry><guilabel>Publication date &amp; time</guilabel></entry>
                    <entry> This option allows this node to be published for a period of time. Two fields, including <literal>Start Publication Date</literal> and <literal>End Publication Date</literal> only display when this option is checked. </entry>
                  </row>
                  <row>
                    <entry><guilabel>Start Publication Date</guilabel></entry>
                    <entry> The start date and time to publish the node. </entry>
                  </row>
                  <row>
                    <entry><guilabel>End Publication Date</guilabel></entry>
                    <entry> The end date and time to publish the node. </entry>
                  </row>
                </tbody>
              </tgroup>
            </table>
        </step>
        <step>
          <para>
      Select the <guilabel>Page Selector</guilabel> tab:
     </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>
          <table frame="all">
            <title/>
            <tgroup cols="2">
              <thead>
                 <row>
                    <entry>
                       Field
                    </entry>
                    <entry>
                       Details
                    </entry>
                 </row>
               </thead>
              <tbody>
                <row>
                  <entry><guilabel>Page Id</guilabel></entry>
                  <entry> The identification string of the page. It is created automatically when the page is created. </entry>
                </row>
                <row>
                  <entry><guilabel>Name</guilabel></entry>
                  <entry> The selected page&apos;s name. </entry>
                </row>
                <row>
                  <entry><guilabel>Title</guilabel></entry>
                  <entry> The selected page&apos;s title. </entry>
                </row>
                <row>
                  <entry><guilabel>Clear Page</guilabel></entry>
                  <entry> To remove the input page information in the fields </entry>
                </row>
                <row>
                  <entry><guilabel>Create Page</guilabel></entry>
                  <entry> To create a new page with the input name and the title. </entry>
                </row>
                <row>
                  <entry><guilabel>Search and Select Page</guilabel></entry>
                  <entry> To search and select an existing page. </entry>
                </row>
              </tbody>
            </tgroup>
          </table>
          <itemizedlist>
            <listitem>
              <para>
        Enter a title for the page.
       </para>
            </listitem>
            <listitem>
              <para>
        Click <guilabel>Create Page</guilabel> to create a new page or <guilabel>Search and Select Page</guilabel> to select an existing page for the node.
       </para>
            </listitem>
          </itemizedlist>
        </step>
        <step>
          <para>
      Select the <guilabel>Icon</guilabel> tab to choose an icon for the node. This is optional.
     </para>
        </step>
        <step>
          <para>
      Click <guilabel>Save</guilabel> to create a node for the navigation.
     </para>
        </step>
      </procedure>
      <note>
         <title>Editing via Navigation Management</title>
        <para>
     You can edit/delete a node, edit a node&apos;s page, copy/cut a node and more by right-clicking the node in the <guilabel>Navigation Management</guilabel> form.
    </para>
      </note>
      <formalpara id="form-User_Guide-How_to_edit_an_existing_site-Edit_Properties">
        <title>Edit Configuration</title>
        <para>
     The portal&apos;s configuration including language, skin and permissions can be edited by doing the following:
    </para>
      </formalpara>
      <procedure>
        <step>
          <para>
       Click <menuchoice>
          <guimenu>Site</guimenu>
          <guimenuitem> Edit Portal's Config</guimenuitem>
       </menuchoice> to open the same form as the form to create a site.
      </para>
        </step>
        <step>
          <para>
      Follow the steps in <xref linkend="sect-User_Guide-Manage_a_site-Create_a_new_site"/>.
     </para>
        </step>
      </procedure>
    </section>
  </section>

   <section id="sect-User_Guide-Manage_a_site-Switch_between_sites">
    <title>Switch between sites</title>
    <para>
   This function is used to move from the current web site to another one.
  </para>
    <procedure>
      <title/>
      <step>
        <para>
     Hover your mouse cursor over <guilabel>Sites</guilabel> on the administration bar and choose a new site from the site list that appears:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata align="center"  fileref="images/sitelist.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata  align="center" fileref="images/sitelist.png" format="PNG" width="101mm"/>
          </imageobject>
        </mediaobject>
        <para>
     The child pages of the new site will now be available in the site's entry under <guilabel>Site</guilabel> on the administration bar:
    </para>
        <mediaobject>
           <imageobject role="html">
              <imagedata fileref="images/switchsite.png" format="PNG" align="center"/>
           </imageobject>
           <imageobject role="fo">
              <imagedata fileref="images/switchsite.png" format="PNG" align="center" width="137mm"/>
           </imageobject>
        </mediaobject>
      </step>
    </procedure>
  </section>
  <section id="sect-User_Guide-Manage_a_site-Delete_a_site">
    <title>Delete a site</title>
    <para>
   This function is used to delete a portal (site) from the portal list.
  </para>
    <para>
   Do the following:
  </para>
    <procedure>
      <title/>
      <step>
        <para>
     Show the portal list by clicking <guilabel>Site</guilabel> on the administration bar:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata  align="center"  fileref="images/sitelistclick.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata   align="center" fileref="images/sitelistclick.png" format="PNG" width="150mm"/>
          </imageobject>
        </mediaobject>
      </step>
      <step>
        <para>
     Click the 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/deletebutton.png" format="PNG" width="23mm"/>
            </imageobject>
            <textobject>
               <phrase>Delete</phrase>
            </textobject>
          </inlinemediaobject> button in the row of the portal that you want to delete.
    </para>
      </step>
      <step>
        <para>
     Click <guibutton>OK</guibutton> in the confirmation message to accept deleting.
    </para>
        <note>
          <para>You cannot delete the <guilabel>Classic</guilabel> site by default.</para>
        </note>
      </step>
    </procedure>
  </section>
</section>