Uses Web Components

Calendar Widget Javascript

The Calendar Widget provides the ability to generate and display blocks (lists or displays) of calendar events on your own site. We have made it easy for you to connect to the Calendar site and display certain events in the format that best fits your needs. Students can then see and subscribe to those events as they come to your page.

Landing Pages Module

We are moving away from designs with drop down menus, so if you have lots of menu links, we suggest you convert these to landing pages with top level links. 

These may be formated in many different ways, including the Card Displays listed under Features. We will release more ideas for landing pages in the future.

Views BYU Card Module

This Drupal 7 module provides a View Display Type that formats your data and creates a nice landing page.

The tiles might look like those in the screenshot below. The cards may be used in a variety of ways, including the width of the cards. More styles are coming in the future.

There are also border style options, using BYU Colors. These options are available in the View settings. The interface is very straightforward:

Calendar Module

The Calendar Module provides the ability to generate and display blocks (lists or displays) of calendar events on your own site. We have made it easy for you to connect to the Calendar site and display certain events in the format that best fits your needs. Students can then see and subscribe to those events as they come to your page.

Wordpress

These instructions will teach you how to implement the BYU WordPress Components theme on your site. It will teach you where to get the theme and how to properly configure it. 

For implementation questions, go to the #wordpress-users channel on the BYU Web Community Slack group.

HTML 5

How components are implemented is far more visible when you're developing sites in HTML, but it's still very easy to use. The Components Demo page offers basic code snippets and visual examples of all the component options. The CSS and Javascript is already included using the BYU Brand standards - it just needs your site's information.

Drupal 8

The Drupal 8 theme is currently a beta release. Feel free to try it out as we continue to add features and documentation!

These instructions will teach you how to implement the BYU Drupal Components theme on your site. It will teach you where to get the theme and how to properly configure it. As a BYU Web Community project, it is open to suggestions and enhancement requests. It is also new, so bugs can be registered on the github project: https://github.com/byuweb/byu_d8.

Drupal 7

These instructions will teach you how to implement the BYU Drupal Components theme on your site. It will teach you where to get the theme and how to properly configure it. As a BYU Web Community project, it is open to suggestions and enhancement requests. It is also new, so bugs can be registered on the github project: https://github.com/byuweb/byu2017_d7.

The next few pages document the steps you'll want to follow to install the theme smoothly.