Category Archives: New Template 2016

Buttons buttons buttons

Q is such a cool…

Person

Dude

Guy

We’ve had buttons in the CMS for a long time, although they looked a bit different than the ones above. There used to be only one button style! Now there are three to choose from. So how should you prioritize which button(s) should be used? The key thing to keep in mind is importance. If you have a main call to action (apply, download, etc.), this can work as a primary button. But what if you needed a button that was to compliment other buttons? Such as a “View more downloads” or “Application Information”, this would work as a secondary button. These two core buttons should serve all needs that you have. But maybe you’re looking for a button that isn’t necessarily a call to action? In this case, a styled button may work for you. Look below for the appropriate buttons and styles.

Continue reading



Images with Pop-up Gallery

In the top navigation CMS template you can display images on a page, with or without captions, that pop-up into a gallery of images that the user can click through. Creating these galleries involves some code editing.

  1. Create your images using the Image Editor in the CMS. You will need to create the size that you will display on the page and either a 765 Banner, 1024 Feature, or 1600 Feature for the pop-up.
  2. Insert the images inline on your page or highlight using the screen shot of the inline image icon icon.
  3. Select each image and link it to the 765 Banner, 2014 Feature, or 1600 Feature size of itself using the CMS link icon (screen shot of the inline link icon).
  4. Access the code using the Source Code button (<>).

Continue reading


Image Captions

In the top navigation CMS template you can add captions to images displayed inline on a page. Creating these captions involves some code editing.

  1. Create your image using the Image Editor in the CMS. Note: This feature will add a gray box around the image and caption that will extend the entire available width. Be sure to use the appropriate size image for the space the picture and caption will be using. Refer to the Suggested Use of Image Sizes to determine the appropriate size to crop.
  2. Insert the images inline on your page or highlight using the screen shot of the inline image icon icon.
  3. Access the code using the Source Code button (<>).
  4. If your image is linked, look for the link tag (<a …>), otherwise find the image tag (<img … />).
  5. Continue reading


Social Media Widget

The social media widget can only display and link to Michigan Tech social media accounts as this is a custom-coded item. Your site must be using the top nav, responsive layout for it to function.

social

  1. Copy the “SHARED Social Media Feed External Snippet” from the global folder under Top Level.
  2. Paste the External Snippet, As a Link, into the folder where you will be using it.
  3. Slot the External Snipped in the List Slot of the Generic (Page)


News Widget (Top Nav, Responsive Version)

The news widget can be full content width (Figure 1), 2/3 width (Figure 2), 1/2 width (Figure 3), 1/3 width (Figure 4), or with (Figure 5) or without (Figure 6) images in the sidebar. You can add one or more buttons or social media links also and you can combine multiple feeds. Your site must be using the top nav, responsive layout for it to function.

Figure 1
Figure 1
Figure 2
Figure 2

Continue reading



Homepage Square or Circle Touts

You can create these touts as squares or circles, with images behind them or a choice of solid colors, and with a choice of background color that stretches across the full screen width. The font color is set automatically based on the tout color and is not editable. You should use three or four statistics in a row. These can only be used on the homepage of a top nav, responsive site.

tout-circletout-square
Continue reading