Award Links to Programs
Award links to a Program pages are placed either via block structure, or with context depending on your college set up.
See an example Award with a link to Programs (login: Maricopa / Maricopa)
Some awards are associated with multiple programs and will have multiple links. The list below is a sample of these awards as of December 2020, this list can change at any time.
See an example of an Award page with multiple links to Programs (login: Maricopa / Maricopa )
Major | Award | Programs |
---|---|---|
1118 | Spanish Interpreting for Healthcare Professionals |
|
1302 | Emergency Medical Services and Fire Preparatory Academy |
|
1900 | Medical Interpreter - Spanish (6 Hours Per Week) |
|
1902 | Medical Interpreter - Spanish (12 Hours Per Week) |
|
5406 | Costume Design and Production, Level I |
|
6209 | Southwest Studies |
|
8127 | Associate in Arts, Emphasis in Musical Theatre |
|
8800 | Associate in Business, Special Requirements |
|
A few awards are not associated with any programs, these will not have any program links. The list below is a sample of these awards as of December 2020, this list can change at any time.
See an example of an Award page with no links to Programs (login: Maricopa / Maricopa)
Major | Award |
---|---|
2000 | Associate in General Studies |
8400 | Associate in Arts |
8600 | Associate in Science |
Instructions
The Program Link on Award pages is set up out of the box with the default Bootstrap btn btn-default
classes and is placed on the top of the first side bar region.
Customizing Program Links on Award Pages
The style of these links can be customized by your college web developer or by sending a request with your desired changes to the ITS Web Team via Slack or ITS.Drupal.Team@domail.maricopa.edu.
College developers can use the CSS selector below to target the Program Links inside the block on Award pages in _buttons.scss
file in your college theme partials folder.
/**
* Program Links on Award Pages.
*/
#block-program-award-program-award-program-reference {
.btn-default {
color: #fff;
background: $brand-primary;
border-color: $brand-primary;
&:hover,
&:focus {
color: #fff;
background-color: darken($brand-primary, 6.5%);
border-color: darken($brand-primary, 6.5%);
}
}
}