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.
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
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.
- 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)".
When deciding on content for your website, you may wonder which guidlelines to use.
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 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'.