Ohio University is open

Portion of West Union Street remains closed following multiple structure fire. More Information
 
OIT Tech 32px
OIT circuit banner green

Contributor Management Basics

Table of Contents

Overview: ..................................................................
Footer: ......................................................................
How to Link an Item in the Rich Text Editor.......................
Navigation: .................................................................
Main Content:.............................................................
Title Image: ..............................................................
Select an Existing Image ..............................................
Images: ...................................................................
Pages:......................................................................
Tables: ....................................................................
Adjusting Table Properties............................................
Remove a Table Border................................................
Inserting a Table Border................................................

Overview:

Every Common Spot subsite (i.e. ohio.edu/subsite) created by the Web Services
staff at Ohio University has an accompanying manage. This manage subsite is where the
content for the public page can be defined and edited. Every manage subsite has at least
five pages. These pages define the footer, navigation, main content, pages, and title
images. Sometimes a manage subsite will also have an images section for managing
static images. Each of these pages will be discussed in detail with examples of usage.
The Aquatic Center subsite will be used as an example throughout this manual.


To access the manage subsite for your site go to:


http://author.admsrv.ohio.edu/your_subsite/manage


If you have not already done so, you will be asked to log in

Manage Index

To access the manage page, navigate to “http://author.admsrv.ohio.edu/subsite_name/manage” where subsite_name is replaced with the actual subsite name i.e. recreation/aquatic

Footer:

The footer info can be edited in the manage subsite. These changes will appear
at the bottom of every page within that subsite. The footer convention we have
established is “Department Name | Address | phone.number” on the left side and
email address (could be a link)” on the right side.

Footer

 

Footer_Content

Rich text editor pop up that occurs after clicking [E]

How to Link an Item in the Rich Text Editor

• Highlight desired text (i.e. recreation@ohio.edu)
• Click the link button (indicated above)
• Select type (i.e. “email link”, “Link to Existing Page, Uploaded Document orURL”)
• Follow prompts

Navigation:

You can use the navigation page to control the links that appear on the flyout menu that appears on the entire subsite.

 Flyout Navigation

In this example, the mouse cursor was placed over services. The URL that is linked to that particular flyout button is displayed at the bottom of the web browser.

Note: All linked urls must begin with http://www.ohio.edu/subsite_name/ not
http://author.admsrv.ohio.edu/subsite_name/. A link to an author page causes an
unnecessary redirect to the incorrect server, which may affect performance.

Flyout Navigation Additions

The image above indicates the functionality of the buttons that appear in the
flyout menu editor. When adding a new link, there are two options. A new top-level link
can be created which will be listed under “About the Aquatic Center” by default.
Alternatively, you can create a new second-level link; which will only appear when the
associated top-level link is highlighted.

level of links comparison

Once you have created a new link (or if you are editing an existing link), dialog
will appear above the editing element. If you are editing a subsite with many links you
may not see the prompt without scrolling up to the top of the page.

navigation fields

The above image is the editor prompt. This depicts a new second-level link creation option. The parent level is the link that will contain the newly created second-level link. The associated URL could be something like http://www.ohio.edu/recreation/aquatic/facility_history.cfm.

Main Content:

The content on every page within the subsite can be edited in the page content
section of the manage subsite.

RTE Display Content

Title Image:

Title Image

The title image (indicated above) will appear in every page within a given subsite.
The title image can also be edited in the /manage subsite. You have the capability to edit
an existing image, select a different image from the gallery, or upload a new image for
use. Also, each title image will have an associated URL; which can be edited.

Edit an Image

Edit Title Image

Title Image page of the /manage subsite

• Click the edit button

Title Image URL

Title image editor pop up window

• If a different image is desired, click the Select Image… button

Image Properties

Pop up window after clicking Select Image…

• Here you can click Edit… to edit the info for the image, Gallery… to select a
different image from the gallery, or New… to upload a new image to the gallery
for use

Edit Image Properties

Edit… pop up window

• Here the Description associated with the image can be edited. NOTE: This
description will pop up whenever a cursor is hovered over it, and is used for
accessibility. With that in mind, please make sure it is properly capitalized and
grammatically correct.
• The Category and Keywords fields are sometimes used for organizational and
searching purposes.
NOTE: After editing an image’s properties the image will need to be selected
from the gallery again to finalize the desired changes.

Image Gallery Search

Gallery… pop up window


Select an Existing Image

• Here you can enter criteria for gallery browsing, or by you can just click Show
Images
, which will default to showing the most recently uploaded images.

Image Gallery

Image Gallery pop up

Here you can select an image to use, or edit the images in the gallery. Keep in
mind that any changes made to these images will affect anyone that uses the images in
the gallery. With that being said, be careful when deleting an image if you did not upload
it.
NOTES
• Image gallery is not user-specific. Any changes made to an image will be there
for everyone that uses the image.
• For performance purposes, please try to keep image sizes under 100 KB. Larger
images will take longer to display on slower connections. Larger images can be
scaled down using software (i.e. Preview, Microsoft Paint) to reduce file size.

Upload New Image

New… pop up window


Images:

The images section of any /manage subsite controls the static images that are
displayed throughout the subsite.

Static Image

Example of a static image from the Aquatic Center subsite


• First, navigate to /subsite_name/manage
• Click on Images (sometimes also called Static Images)

image records

Images section of /manage subsite

Note: Some images are associated with templates that are used throughout the
subsite. These will have (template) in the name. If you change this image, any
page that is built off of that will template will have the updated image.
• Here you can click [Edit] or [Delete]

Image Details

 

Images > [Edit] pop up window

• If you clicked [Edit], the pop up window depicted above will appear. Here you
can select a new image or clear the current image.

Image Properties2

Select Image pop up window

• The pop up depicted above will appear if you click select image. This is similar
to the process for selecting a title image.

Pages:

The pages section of a /manage subsite shows an index of all the pages currently
on the associated public subsite.

Pages

Example of pages section from the Aquatic Center subsite

• Navigate to /subsite_name/manage
• Click on Pages
Here you may click on the URLs to navigate to the desired public page. This
serves as a quick way to observe the changes you have made.

Tables:

Tables can be created from within the rich text editor. There is an in depth look at
tables in commonspot staring on page 23 of the commonspot rich text editor
documentation that can be found on http://www.ohio.edu/webservices/resources-for-cscontributors.
cfm.

RTE Tables

Inserting a table


Adjusting Column Width

• Click a cell
• To adjust the width of the cell insert a percentage into the cell properties
• There are also text formatting options that are indicated in the following
picture

RTE Table Properties

Remove a Table Border

• First, click the <TABLE> option from menu towards the bottom of the
text editor
• Type 0 into Border cell to remove the border from the table

RTE Table Properties2


Example of a Table without Borders

Inserting a Table Border

• Select the <TABLE> option
• In Element ID: type
ouwsborder
• When the ID is applied, the style sheet associated with the page will
“clean up” the formatting of the table for consistent results
• Make sure the Border value is set to at least 1. A higher number here will
result in a thicker border.

RTE Table Properties3

Example of a Table with Borders

Note: In the advanced section of the <TABLE> menu you will notice there are
options for setting the border color of the table. These settings are overwritten by
parameters in our style sheets, which set the borders to the same color as the text for
consistency. In short, changing these parameters will not result in any changes to the
border.