Component Library

 In Text Blocks and other components, the WYSIWYG Editor (What You See Is What You Get) allows you to style and layout your content. 

• Paragraph - Select from paragraph or Heading 2 (H2) to Heading Six (H6) for font size. Heading 1 is not listed, because it is reserved for the site/page title.
• Styles - Switch H2 or H3 headings to Proxima Nova, with a slightly smaller text size. It can also be used to style a button.
• Bold, Italics, Left/Right/Centered justification - used to style your text. Underline is not included because only text that is a link should be underlined (which happens automatically)
• Block Quote lets you easily include block quotations or pull quotes within a text block. A similar function is provided by the Pull Quote component.
• Accordion is used for creating dropdown lists of content, such as an FAQ.
• Templates provide multiple layout options for content, including two column (50/50), two column 1/3 2/3, two column 2/3 1/3, three column, three column wide middle and four column. Also available in templates are variations to the horizontal rule for shorter than full-width rules (12.5%, 25%, 50%). A button may also be created using a tool in Templates.
• Link is used to add a hyperlink to text.
• Bookmarks are used for anchor links, to link to content further down on the same page.
• IMCE File Manager allows you to upload and access images and files on the site.
• Upload Image from Computer is used for uploading an image from your computer.
• Video Embed inserts a video that has been uploaded to the UNI account in YouTube.
• Numbered and Bulleted Lists and Indent/Outdent are used to style lists of content on the site.
• Table tool is used for inserting tables on a site. Tables should only be used for presenting data requiring the use of a table, and should never be used for page layout purposes.
• Horizontal Rule places a colored rule across the width of the content.
• Tx cleans up text with leftover code, usually from content copied and pasted from another site or document.
• Show Blocks visualizes all block-level elements by surrounding them with an outline and displaying their element name at the top-left (usually a paragraph or heading))

Pulled quotes have been updated to allow multiple variations. For text only, the look has been updated, and the option to have a color background or white background. The text may also be left aligned or centered.

In addition to the text option, there is now also an option with a photo. Just like with Two-Column Callouts, the photo may be on the right or left side, and may include a button link or not.

FormAssembly Forms 

To add a FormAssembly form to a site, enter the Form ID for your FormAssembly form into the field provided for it in the FormAssembly component. You also have optional title, subtitle and body fields, as well as other optional settings pertaining to your specific FormAssembly form. 

Drupal Webforms

To add a Drupal Webform, first have the Drupal webform created by the IT-Client Services webteam, then place the Webform component on your page and Select the appropriate form name from the drop-down list under Form. 
As with the FormAssembly form, You also have optional title, subtitle and body fields available, as well as other optional settings pertaining to your Drupal Webform.

A faculty/staff directory is added by using the Directory content type to create a directory page for each member of the department (or other group being represented, such as an advisory committee). A Directory component is then placed on the appropriate page, an optional title and body section may be added, and the people you wish to add are selected for the page by adding their name to the Directory Profiles fields.  Once names are added, they can be arranged in whatever order you prefer, by department hierarchy, alphabetically, etc. 

More than one directory may be added to a page, to display more than of group of department members. An example of that may be found on the College of Business Deans office page as well as on a number of other UNI sites.

The Announcements content type and component may be used to add brief department announcements on a page. Announcements are added to the site using the Department Announcements content type, then an Announcements component is place on the website page where you want them to appear. The example is the announcements section on the College of Business Student Hub home page. 

Each announcement title is a link to the full text of the announcement. Three announcements appear at a time on the component, when more than three are added, the rest are linked via the pager just below the last announcement. 

A feed from your department's Blackthorn calendar of events (used for event sign-up) may be added in a component. Add your Blackthorn ID in the provided field (it's the portion of the URL after https://events.blackthorn.io). That will embed the calendar on your site.