Skip Navigation
Web Services
Member, Texas Tech University System The Princeton Review - 373 Best Colleges, 2011 Edition

Web Services

Web Services Training

July 17th, 2014

August 6th, 2014

LiveWhale

LiveWhale is the Web Content Management System used to manage the content on the Angelo State University website. The simplicity of LiveWhale allows users to directly edit their pages from any browser with the functionality to manage pages, images, news lists, events and photo galleries. Best of all, users can do this without the need for technical expertise.

Tabbed

  • Support

    Need help? We got you covered.

    If you are having a problem in LiveWhale or just curious about how you can improve your website, you’ve come to right place. Start by exploring the LiveWhale Basics and Managing Content tab. Learn how to make page edits, build forms and how to create an event. Sign up and attend one of our LiveWhale training classes or contact us and we will schedule a time for discussion.

  • LiveWhale Basics

    LiveWhale Documentation

    For more information, view these articles on the LiveWhale support site.

    Editing a web page

    Using the WYSIWYG toolbar

    Adding an image

    Logging In

    Navigate to the page you want to edit and click the “Editor Login” link located in the footer section at the bottom of the page. Or, you can simply go to the LiveWhale login page. Enter your ASU username and password and click “Sign in”. If using Internet Explorer, please install the Chrome Frame plugin when prompted to do so.

    Editing Pages

    Once logged into LiveWhale, a LiveWhale toolbar will appear at the top of every page on the ASU website. If you have permissions to edit the page currently being viewed, you will see a link labeled “Edit Page”. Clicking that link will open a WYSIWYG toolbar at the top of the page and outline any editable regions with a dotted red border. When you click inside an editable region, you can make text changes, create links, add images, and more.

    • Creating Links: Select the text you would like to make into a link. Click the “Insert/edit link” button in the WYSIWYG toolbar. Paste the address of the page you would like to link to in the Link URL field. Click “Insert”. To add a file type icon to the link, select the link and click the “Styles” drop down. Select the proper type in the “Link Styles” section.
    • Adding Images: Click the “Your images” button in the WYSIWYG toolbar. Choose an image from the library or click “Add new images from your computer” and select an image to upload. If uploading a new image, enter a name for the image, optionally fill in the caption and keyword fields, and click “Save these images”. Adjust the width, height, or alignment options for the selected image and click “Use this item”.
    • Adding Tables: Click the “Inserts a new table” button in the WYSIWYG toolbar. Under the General tab, enter the desired number of rows and columns. Enter “100%” for Width, select “style1” thru “style4” for Class, check the “Table caption” box, and click “Insert”. A new table will appear on the web page. Click the cursor right above table to enter a heading or caption for the new table. Enter information into the table cells. To add or remove rows and columns, right click with cursor in a table cell. From pop-up menu, select choice, then select action (“insert row before”, “insert column after”, etc.). You can also insert a table from an Excel worksheet by copying and pasting the Excel information onto the web page. The copied excel information will paste in a table format, then you can edit the information the same way.

    Saving Pages

    After editing a page, click the “Save and publish” button if you want your changes to go live immediately. Or click the “Save draft” button if you want to save a copy of the page without making it live.

  • Managing Content

    Managing Content

    Besides editing static web pages, most website content is managed through the LiveWhale interface. This includes creating new pages; editing navigations; creating news, events, forms, and more. To access the LiveWhale interface, once logged in to LiveWhale, click the “Dashboard” link in the LiveWhale toolbar at the top of any ASU web page.

    To access the LiveWhale interface, once logged in to LiveWhale, click the “Dashboard” link in the LiveWhale toolbar at the top of any ASU web page.

    Creating a new Page

    There are two ways to create a new page. You can create a new page by adding it to your departmental menu, or you can create a new page directly in your departmental folder. Both are done in the LiveWhale interface.

    • Create a new page in your menu
      In the LiveWhale interface, click the “Pages” tab to reveal your departmental navigation. Click “Add a top-level page or link” (or “Add sub-link”). Click “create a new page”. Fill in the page details, choosing the template located at Templates/Departmental Template. Click “Create this page”. Click “View page” next to your newly added page to open it for editing.
    • Create a new page NOT in your menu
      In the LiveWhale interface, click the “File Browser” link in the “Super Powers menu” at the top of the page. Navigate to the folder you would like to create a new page in and click “Add a new page here”. Fill in the page details, choosing the template located at Templates/Departmental Template. Click “Save these changes”. Click “View page” next to your newly added page to open it for editing.

    Editing your menu

    In the LiveWhale interface, click the “Pages” tab to reveal your group’s navigation. The navigation screen mirrors the structure of your departmental menu as it appears on your website. To add a link to your menu, click “Add a top-level page or link” (or “Add sub-link” to add a flyout menu item). Choose an option (link to an existing page in your navigation’s home directory, link to a different url, or add separator text) using the dropdown in the new navigation item entry and fill out the fields associated with that option. Menu items can be renamed, hidden, or removed by clicking the corresponding links, or they can be reordered by dragging. Click the “Save” button to save your changes.

    Stories

    In the LiveWhale interface, click the “Stories” tab. Click “Add a New Story” or find the story you wish to edit and click its title. Fill out the headline, a brief summary, body, and story date fields. You may also add images, contact information, related links, plot the story on a map, or tag the story with relevant keywords to help sort or classify it. In the status menu, choose to make the story “Live”, “Hidden”, or “Scheduled for…” a future publication date. Below that you can set the story to be “archived” or “set to expire on…” a future date. When done, click the “Save this story” button.

    To display a Story list on your website, create a News widget and place it into a region of your page while editing it.

    Events

    In the LiveWhale interface, click the “Events” tab. Click “Add a New Event” or find the event you wish to edit (from either month or list view) and click its title. Fill out the event title, start and end times, a brief summary, location, and event details. You may also add images, related links, plot the story on a map, or tag the event with relevant keywords to help sort or classify it. If you want to allow public registrations for the event, click “Allow site visitors to register for this event”. In the status menu, choose to make the event “Live”, “Hidden”, or “Scheduled for…” a future date. Below that you can set the event to be “archived” or “set to expire on…” a future date. When done, click the “Save this event” button.

    Events automatically display on the ASU Events Calendar. To display an events list on your website, create an Events widget and place it into a region of your page while editing it.

    Download the Event User Guide for more detailed instructions.

    Forms

    In the LiveWhale interface, click the “Forms” tab. Fill out the title, introductory text and thank you fields. Under the section labeled “Form action”, choose a destination for the data submitted by users. Under the section labeled “Form elements”, you may construct the form by adding as many form elements as you like. To add a new element, click “Add another element” and set the element’s options. To reorganize elements, drag an element by the crosshairs icon to a new position in the list. Optionally set the submission date range and secure form options. When done, click the “Save this event” button.

    To display a form on your website, create an Inline Forms widget and place it into a region of your page while editing it.