Page Banner Slideshow


This component allows you to create a rotating picture slideshow. The recommended dimensions for this component is 1920x390. Anything larger may risk getting cut off at the top, bottom, or edges. To learn how to use this component, visit out Training Videos page for the Picture / Page Banner / News Slideshow Tutorial. This component can only work in the full width dropzone like this.

Page Banner


This component allows you to place an image what will stretch the width of the page. The recommended dimensions for this component is 1920x390. Anything larger may risk getting cut off at the top, bottom, or edges. This component can only work in the full width dropzone like this.

Media Based Components

Audio Player


This component allows you to add mp3, ogg, or wav audio files onto your page. You still need to upload the mp3 files into the DAM to be able to use them.

Contact Information


This component is frequently used to display a department's or office's contact information. It can be used with a photo (shown below) or without a photo (shown below the left navigation).

rogers small

Department's Title

Department's Address
Bowling Green, OH
419-352-0000
bgsu@bgsu.edu
www.bgsu.edu

This is some additional information added to the end. It could be office hours or other related info.

Picture Slideshow


This component allows you to add a collection of photos that users can slide through. If you want to learn how to make this slideshow, watch the Picture/Page Banner/News Slideshow Tutorial on our Training Videos Page. Also make sure that all of the images are the same size, we frequently use the dimensions 840x311.

Callout Box


Callout Box Title

Callout Box Title

This component allows you to have an image, title, description, and a call to action link. This is frequently used as a teaser for news stories and will link to the full story on a different page. Read More

Download


This component allows users to download a specific file.

* CMS-Guide.pdf
For accessibility reasons, you should always provide a description as to what the file is if the title is not descriptive enough.

Image


This component allows users to add a photo, crop it, rotate it, link it, add descriptions and more.

university-seal

Photo Gallery


Text


Image Styles:

The text component is extremely versitile and allows you to add images into the mix. Along with being able to use images, you can also apply styles to an image to achieve a certain look.

Image with no styles

BGSU Seal

Remove Margins on Image is applied to the image below and you can see that there is equal spacing between the image and the edge of the gray background area.

BGSU Seal

BGSU SealText caption for "Image Caption LeftImage Caption Left is applied to the image below and you can see that the image has shifted to the left and text below the image is a smaller, thinner, and aligned to the bottom left of the image. To apply this, highlight both the image and caption then apply the style. The nice thing about this style on an image is that the rest of the text is still able to wrap around it.

BGSU SealText caption for "Image Caption Right"Image Caption Right is applied to the image below and you can see that image has shifted to the right and the text below the image is a smaller, thinner, and aligned to the bottom left of the image. To apply this, highlight both the image and caption then apply the style. The nice thing about this style on an image is that the rest of the text is still able to wrap around it.
 

Image Caption Full is applied to the image below and you can see that the image has now gone full width and the text below the image is a smaller, thinner, and aligned to the bottom left of the image . To apply this, highlight both the image and caption then apply the style.

BGSU SealText caption for "Image Caption Full"

Text & Image


university-seal

This components allows you to put text and image in the same component with all capabilities of the text component and the image component.

Staff Profile


rogers-small

Person's Name

Position: Person's Position
Phone: Person's Phone Number
Email: Person's Email Address
Address: Person's Work Address

This is some additional information added to the end. It could be a person's biography or information on conducted research.

Video File Player


This component allows you to use your own videos that you uploaded to the DAM. Using this component with a big video file make cause your webpage to slow down.

Video Player


This component allows users to add Youtube or Vimeo videos to the webpage without slowing down the webpage. Watch the Video Player Tutorial on our Training Videos Page to learn how to use the component.

Video with Paragraph


Title for Video with Paragraph

This component allows you to add a paragraph of text to the right of a Youtube or Vimeo video.

News Slideshow


This component allows you to build a rotating slideshow of Callout Boxes. If you want to learn how to make them, please watch the Picture/Page Banner/News Slideshow Tutorial on our Training Videos page. Also make sure that all of the images are the same size, we frequently use the dimensions 840x311.