Interactive images, where the user can move around in the image to view the scene from every angle, 360 photos are becoming more widespread and easier to create. You can embed them on your Modern Campus CMS website in the upper page image or within the body content.
This snippet is used to list one person on a page with different format options. A Personnel Information item for the individual must already exist within the website being edited.
Have you ever pasted content into the CMS, and it just doesn’t look right? You’re probably carrying old formatting code into the new CMS. Common culprits are copying from a Word document, copying text from one browser and pasting it into another, or copying text that was formatted in-line (using <span> and <style> tags directly in the code instead of letting the preformatted stylesheets do the work.)
Adding content with this type of formatting is bad for a couple of reasons:
- It doesn’t let your page update with the rest of the CMS. We may decide to change the font size or style to make the site more accessible or to keep up with modern design trends. By using the standard heading (<h1>, <h2>, etc) and paragraph (<p>) tags, your content will be ready to shift in an instant. If you leave hard-coded styles in the page, your look won’t automatically change.
- It can look strange on different devices. Everything on our new template is designed to expand and contract with the user’s screen size. Hard-coded styles may not change in the right way between desktop and mobile.
- It’s annoying for you, the CMS user. Sometimes you’ll have lines and lines of needless code – annoying when you’re trying to find one or two words in pages of <span>s and <color>s. For example, look at the coding on the links below—the <u> and <span> tags make for messy code on the back and and ugly links on the front end.
This snippet creates the Contact boxed sidebar for Graduate Program Directors and Graduate Program Assistants.
This snippet is no longer available. You should use the Row w/ Left Image snippet instead.
This snippet is used to pull course information from Banner and manually display it on the page in sliders. This is normally used when there are courses from multiple departments listed and you cannot just link to the department’s Banweb course listing page.
This snippet can show a progress bar towards a goal for a Tech Fund account (those account using mtu.edu/givenow, not give.mtu.edu accounts) along with button options for users to donate. It can be used to create a listing page with multiple accounts shown and a full-page listing for one account. The full-page listing includes social media sharing and comments.
This snippet creates a formatted blockquote that includes the quote and the author. View the blockquote in the Style Guide.
These snippets will create formatted H2-size headings. Bar Separator make the text large with a gold bar beneath it and must be inserted in the left column of a 1/3 2/3 Boxed Section snippet. Graybar includes a gray bar around the heading that goes across the entire content area. Top Title includes a line beneath the titles that goes across the entire content area.
This is an example of how you can include an image at the top of your blog post to simulate the banner image at the top of a CMS webpage. Make sure your image is horizontally oriented and at least 1024 px wide. When inserting the image into your post, select the Large version and do not include a caption.