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.

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)".

A Note on TerminologyWhen deciding on content for your website, you may wonder which guidlelines to use.

"College"For web publishing purposes, college pages refer to those within any of USI's four colleges, as well as those within Outreach and Engagement. Even if you are an academic department or program within a college, you will use guidelines outlined for college websites.

"Department"Department pages refer to those within any of USI's non-college offices and departments, including University Division and the David L. Rice Library. Academic programs and departments within USI's four colleges are not considered departments for web publishing purposes.

Not sure which you are?Refer to your document type and template, which can be found on the 'Properties' tab of your Umbraco webpage. All document types and some templates will contain either the word 'college' or 'department/dept'.