Administrative Services | - Information Technology Services - | Financial Aid | University Communications | Student Affairs

Support - Training and Tutorials

Freestyle Walkthroughs

Advanced Story Types

Side Navigation

To update a side navigation menu for one of Denison pages, go to Advanced Search in Find Stories.

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

The only search item that should come up is that particular story's navbar. Check it 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.
  • Menu Section - not directly clickable, instead it will expand and branch out into more menu items
  • External Menu Item - applicable if you wish to have a side tab for 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 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.

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

Bio Page/Bio Index Page

Bio Page

Create a new story.

Title the story as the individual's last name followed by his/her first name. Set the Story Type as Faculty/Staff or CV.

bio1.jpg

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

It is especially inportant to fill in the Affiliation box;  please indicate whether the individual is faculty, staff, student, emeritus, or retired.

bio2.jpg

To make the bio page more interesting, there is a number of features available in the drop-down box.  Other options include adding an enhanced paragraph, personal page URL, or a bio image.

For instructions on how to relate an 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

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

Bio Index Page

The Bio Index page lists all faculty/staff bios in an organized manner on one index page.

index12.jpg

When a new bio page is published, it is automatically added to the bio index page for the respective office/department.

It is not possible to make changes to individual's bio through the bio index page. In order to make changes, it must be edited on the individual's bio page. Any changes made to the bio page will  show up on bio index page.

Photo Gallery/Photo Gallery Index

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, 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 on 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.

photo5.jpg

You can add as many images as you would like.

Photo Gallery Index

A Photo Gallery Index Page organizes multiple photo albums onto a single web page.

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 Bio or Photo Album Index as the Story Type.

It is important to make sure that the source and primary category for the index page are the same as those for the photo albums you wish to appear on the index page.

photoin2.jpg

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

Under Type of Page select Photo Gallery Index.

You also have an option of alphabetizing by album title and creating a heading.

photoin3.jpg

After clicking on Apply Changes, all the albums that are listed as the same source will appear on the index page.

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