Clicky

Skip to Main Content
iun technology students

These are some examples on how to use the widgets in WCMS

Buttons 


The primary and group buttons are used for main calls to action for example, apply for a program or request for more information. Place them at the top of your page. Secondary buttons are used for a link to more information. It should be placed at the end of a paragraph.

Primary
Button

A Design Element

Recommened Column size:

  • All column sizes

Group Buttons

A Design Element

Recommended column sizes:

  • half
  • two-thirds
  • three-fourths
  • whole

Secondary Button

A Design Element

Recommended column size:

  • All column sizes

List Grid 


A grid arranges the content in three columns. They help improve the visual scanning of information.

  • This is list grid 1

    A Design Element

    Recommended column size:

    • half
    • two-thirds
    • three-fourths
    • whole

    This is a WYSIWYG editor. You can add pictures, text, links etc. This allows for 1-3 columns

  • This is list grid 2

    A Design Element

    Recommended column size:

    • half
    • two-thirds
    • three-fourths
    • whole

    This is a WYSIWYG editor. You can add pictures, text, links etc. This allows for 1-3 columns

  • This is list grid 3

    A Design Element

    Recommended column size:

    • half
    • two-thirds
    • three-fourths
    • whole

    This is a WYSIWYG editor. You can add pictures, text, links etc. This allows for 1-3 columns

Accordion 


Use accordions to organize content on a page and to reduce information overload

A Widget

Recommended column size:

  • All columns sizes

How to create and add an Accordion widget to my page

  • IU Northwest Web documentation

    These documents are designed to help Content Managers update content in the Web Content Management System (WCMS) 

  • IU Northwest Event Calendar Documentation

    These documents are designed to help Event Calendar Users, Approvers and Administrators use and maintain the IU Northwest Event Calendars.

Figure Image


A Design Element

Picture presents best when it is sized equal width and height.

Recommended column size:

  • one-fourth
  • one-third
  • half
alt text
This is caption text for figure image

Circular Image


A Design Element

Picture presents best when it is sized equal width and height.

Recommended column size:

  • one-fourth
  • one-third
  • half
iun grad

Blockquotes


A Design Element

Recommended column size:

  • Can be used on all column sizes
A blockquote is used to highlight a key point taken from the content of the page. It should be brief and placed in a distinctive area of the page.

Interactive profiles


A Widget

If you are interested in using this widget, please contact Web Services.

Pictures need to be a minimum of 400px in height and 300px in width.

Recommended column size:

  • one-third
  • half
Maria Ford, Senior Business Major

Maria Ford, Senior Business Major

I loved my first year at Indiana University Northwest.

Feature Widget


A Design Element

Recommended column size:

  • one-fourth
  • one-third
  • half

This is a Feature Heading

This is a Feature Sub Heading

This is a Feature Heading

Personnel widget

A Widget

Recommended column size:

  • half
  • two-thirds
  • three-fourths 
  • whole

Personnel Widget documentation

Myriam Young

Myriam Young

Webmaster

(219) 980-6548
Lindenwood 218
Michael Griffith

Michael Griffith

System Analyst / Developer

(219) 980-6678
Lindenwood 220

Google map


A Widget

Recommended column size:

  • one-fourth
  • one-third
  • half

Circle Square Flips


A Widget

If you are interested in using this widget, please contact Web Services.

Picture need to be equal with and height 

Recommended column size:

  • one-fourth
  • one-third
test
I DID IT
iun grad
She did it and so can you!!

Articles


A Design Element

Used  by Marketing

Recommended column size:

  • Can be used on column sizes
This is an Article Title

Published:11-02-2016

This is an article with date and link. This is where you put your article information

Mini Slider

A Widget

Recommended columns sizes:

  • three-fourths
  • whole

Flickr

A Widget

Recommended columns sizes:

  • half
  • two-thirds
  • three-fourths
  • whole
exit-off-canvas