University of Southern Indiana
Responsive Design

The responsive design templates in Umbraco are mobile-friendly, with one-, two-, and three-column page options. These templates are being used across the University of Southern Indiana website to make it easier to navigate for smartphone and tablet users.

The responsive design template should have a minimal impact on how you edit your site, but here are some things that have changed.

Names

Responsive templates for homepages (folder icons):

  • Health Homepage
  • Liberal Arts Homepage
  • Outreach Homepage
  • Science Homepage
  • DepartmentHomepage 2 Col
  • DepartmentHomepage 3 Col

Responsive design templates for subpages (page icons):

  • College Subpage 1 Col
  • College Subpage 2 Col
  • College Subpage 3 Col
  • DepartmentSubpage 1 Col
  • DepartmentSubpage 2 Col
  • DepartmentSubpage 3 Col

Images

When using a DepartmentHomepage 2 Col or a DepartmentHomepage 3 Col template, a header image must be chosen (last items at the bottom of the content tab) in order for the page title to show up. Header images also are strongly encouraged on subpages. 

Make sure your image is correctly sized and of a high quality and resolution. Always use the JPEG file format.

For Department Websites

  • Homepages - 1000 x 300 pixels. Height is flexible.
  • Subpages - 740 x 225 pixels. Height is flexible.

For College Websites

  • Department homepages and subpages - 833 x 310 pixels. Height is flexible.
  • Slider features - 667 x 350 pixels.
  • Spotlights - 200 x 125 pixels.

For sizing help, contact a member of the Web Services team.

Macros

  • Videos – The new YouTube macro for the responsive design template is called "YouTube Responsive".
  • Navigation – The new macro for the left column menus is called "Side Navigation".
  • Forms – The new macro for the Contour form is called "Insert form from Umbraco Contour (Razor)".
  • Staff Listing - The new macro for the staff listing is called "Staff Listing (Responsive)".

  • © 2014 University of Southern Indiana
  • 8600 University Blvd.
  • Evansville, IN 47712
  • 812-464-8600
Contact Brandi Hess
×
Send Email to
×