Freestyle Walkthroughs

Advanced Story Types

+ Side Navigation

To update an existing side navigation menu for a Denison page, go to Find Stories (left side) and select Advanced Search.

Enter the title of the story and select Site Side Navigation as the "Type". Click Search.

The only search item that should appear is that particular story's navbar. Select Check Out.

sidenav1.jpg

When on the Story Nav profile, scroll down to the Content Section and click on the drop-down box.

There are four elements that can be added:

  • Menu Item - a directly clickable option that will link to another page within Denison Freestyle.
  • Menu Section - not directly clickable, instead it will expand and branch out into more menu items (see above)
  • External Menu Item - applicable if you wish to link to a page that is not located within Freestyle, i.e. a Vail Series or Course Catalog page.
  • Media Menu Item - applicable if you wish to link to a media item, i.e. a  PDF document, audio file, etc.
sidenav2.jpg

To add a Menu Item:

Select the Menu Item option from the drop-down box in the Content section and click Add Element.

Type in the Item Name.

Relate a story that you wish to link to the sidenav.

Click Save.

sidenav3.jpg

To add an External Menu Item:

Select the External Menu Item option from the drop-down box and click Add Element.

Type in the URL of the website (be sure to include http://) and the name of the link as should appear on the sidenav.

Click Save.

sidenav4.gif

To add a Media Menu Item:

Select the Media Menu Item option from the drop-down box and click Add Element.

Type in the Item Name.

Search for related media, select the desired file, and relate it.

Click Save.

sidenav5.jpg

To add a Menu Section:

Select the Menu Section option from the drop-down box and click Add Element.

Type in the Section Name.

In the drop-down box, choose to add a branching External Item, Media Item, Menu Item, or another Menu Section.

After selecting the desired option, follow the same steps as listed above.

sidenav6.jpg

+ Faculty/Staff Bio or CV

Create a new story. Title the story as the individual's last name followed by his/her first name (ex: Doe, John). Select Faculty/Staff or CV under Story Type.

bio1.jpg

When on the story profile page, scroll down to the Content section and add all relevant information in text boxes provided.

It is especially important to enter information in the Affiliation box, so that the Bio page will be correctly categorized.

bio2.jpg

To add interest to the Bio page, additional features are available in the drop-down box.  Other options include adding an enhanced paragraph, personal page URL, or a bio image. Select an additional element, and click Add Element.

For instructions on how to relate a Bio image, see the Image as Stand-Alone and in Enhanced Paragraph walkthrough.

bio3.jpg

After uploading all the necessary information, click on Apply Changes and preview your bio page. See below for a preview example.

bio4.jpg

  Once satisfied with the result, save and/or publish the bio page.

+ Biography Index
screen1.png

A Biography Index lists all faculty/staff bios in a category in an organized manner on one index page. See ITS Staff to see an example of a Biography Index. When a new Facutly/Staff Bio is published, it is automatically added to the Biography Index for the respective office/department.

It is not possible to make changes to an individual's bio through the Biography Index. In order to make changes, it must be edited on the individual's Faculty/Staff Bio page. Any changes made to the Faculty/Staff Bio will show up on the Biography Index.

Biography Index pages have already been created for each department or office at Denison. To find the Biography Index page for your department, click Find Stories and then Advanced Search.  Under Title, enter your department;  under Type select "Biography Index". Click Search. When you find your department's Biography Index, check it out.


Once you check out the Biography Index, you can edit the page. There are three options for modifying the display of the index page. They are

  • Arrange Pages By- the default (recommended) is Affiliation to divide the index into affiliation sections (Faculty, Staff, Emeriti, etc). Choose None if you do not want any divisions. Choose Category/Department to arrange pages by sub-departments. Only choose this option if your department already has sub-categories set up for each of your sub-departments (for example, Information Technology Services is divided into Administrative Services, Educational Services, Web Services, etc., each with its own category like /offices/computing/administrative/).
  • Sort Bio Pages- choose between Alphabetically by Last Name or Cover Date. Alphabetical is the default. You may want to sort by Cover Date to place directors above their staff members. To do this, just edit the Cover Date of the director's bio page to a date that is before the cover dates of the staff bio pages.
  • Display Emails- check this option if you would like email addresses to appear on the index page.

You can also add Enhanced Paragraphs to add introduction text to your Biography Index.

screen2.png

+ Photo Album

Photo Gallery

Create a new story. Give it a title and select Photo Album as the Story Type.

photo1.jpg

Once on the story profile, scroll down to Content section, where you have the option of entering an album title, event, location, and the name of the photographer.

In the drop-down box, select Photo Gallery Image and click Add Element.

photo2.jpg

You can either add an image from your computer or browse for an image that has already been uploaded in Freestyle.

You also have the option of adding captions, alternate text, or a photo label.

photo4.jpg

To add more images, simply repeat the process as listed above. You can add as many images as needed.

photo5.jpg

+ Photo Album Index

A Photo Gallery Index organizes multiple photo albums onto a single web page. Below is an example of a webpage that indexes multiple photo albums.

photoin1.jpg

Before creating a photo index page, make you sure you have at least two published photo albums.

The first step is to create a new story. Title it and select Photo Album Index Page as the Story Type.

It is important to make sure that the primary category for the index page is the same as those for the photo albums you wish to appear on the index page. All photo albums that are listed in the same category as the index page will appear on the index page. For example, if you wanted all photo albums categorized as /academics/departments/biology/ to be listed on one index page, the new Biology photo index page should also be in this same category.

When you are finished, click Create.

photoin2.png

When on the Story Profile page scroll down to the Content section.

 All photo albums in the same category as the photo index page will automatically be related. 

You can select how you would like the albums sorted on the index page. You can also add Enhanced Paragraphs that will provide introduction text to your photo index page by clicking Add Element.

photoin3.png

To see your index page, click Apply Changes at the bottom. Click the red preview link at the top of the page to preview your index.

+ Online Form

Online forms are useful if you want to create a questionnaire, an evaluation, event registration, online application, or a mailing list page. Common examples of online forms on the Denison website include:

  • Recruitment Questionnaire
formex1.jpg

  • Employment Application
formex2.jpg

  • Activity Registration (Fair, Pre-Orientation, etc)
formex3.jpg

  • Evaluation Forms (survey, course evaluation, self-evaluation)
formex4.jpg

To create an online form, create a new story and select Online Form as the Story Type.

form1.jpg

When on the story profile,  fill out the page title and the e-mail address to where the form will  to be sent.

form2correction.jpg

To add content to the form, click on the drop-down  box at the bottom of the content section and choose from a variety of options. The most common features are the drop-down menu, enhanced paragraph, inline text boxes, multiple checkboxes, radio buttons, single checkbox, or text-area. These options are explained below in more detail. 

form3.jpg

Drop-down menu

You can add as many drop-down options as you would like. 

form4.jpg

Enhanced Paragraph

If you'd like to add a standard text box anywhere in the form, select Enhanced Paragraph from the drop-down box. (See Adding Text walkthrough for more information).

Inline Text Boxes

Displayed Text: text that will be displayed to the left of the text box.

Text Box Size: varies the size of the text box.

form5.jpg

If you want text boxes to be displayed on the same line, add as many boxes as you'd like without leaving the element profile.

If you 'd like the boxes to be located underneath each other, add one text box and save it twice to go back to the story profile. Then scroll down to the drop-down box in the content section and add another text box. 

Multiple Checkboxes

You are able to position checkboxes to the right or below the heading. You can also either position checkboxes in a row or in a column.

form6.jpg

You can add as many checkbox options as you'd like.

form6.5.jpg

Radio Buttons

Radio Buttons work the same way as Multiple Checkboxes.

You can add as many Radio Buttons as you'd like.

form7.5.jpg

Single Checkbox

After the Single Checkbox option has been selected from the drop-down box, it does not take you to the element profile, but instead appears as a text box in the content section of Story Profile.

Type in the text that you'd like to display next to the checkbox in the text box.

form8.jpg

Text-Area

The Text-Area option is a  large text box that usually serves as a comments section at the end of the form.

Information requested from user refers to the heading of the text-area. It can be located either above or next to the text box. 

form9.jpg

This is a preview of elements added to the example form.

form9.5.jpg