Main Campus viewed from above.

Drupal Cheat Sheet

***THIS PAGE FOR INTERNAL USE ONLY***

Welcome to your Drupal 10 Cheat Sheet!

This is sample body text for the page.  Body text does not need to be named or built--just type in or paste copy into the component.  Use the text editor to format. Use the handles on the left to drag the component if you want to reposition it on the page.

 

Jump Menu & Jump Menu Item

A Jump Menu provides on-page navigation so users can jump to specific sections of the page.  It’s best used if the page is long and can also serve as a table of contents for visitors. 

  • The default title is “Contents’ but this can be customized.
  • The jump menu is used in conjunction with a Jump menu item, which is the point users are jumped to when they click an item in the jump menu.
  • The Jump menu can be displayed as a list or buttons.
  • there is an option to include Return to top buttons or not when using a Jump Menu

Call to Action

A CTA can be used to add visually interest to a page as it links out to other pages or sites.

  • The CTA has various display options and sizes. Choose the best option to serve your needs.
  • Adding multiple CTAs allows you to create a CTA grid, or carousel. they can also be stacked. CTA can accommodate up to two links.
  • A descriptive CTA displays with 1-2 buttons, and spans the width of the content section. 
  • Background images can be added to CTAs but are not required.

See the CTA carousel below.

Below is a Descriptive Takeover CTA with two hyperlinked buttonS.

This is a Descriptive Takeover CTA with one button

Info Block

Sample Info Block

An Info block is a great way to highlight content on a page. It proved a colored background box and centers the text inside the box. Various color options are available.

the block can be aligned left, right or center.

Embassy

An Embassy is similar to a CTA in that it allows you to hyperlink a graphical element but embassies only display as buttons.

  • You can have up to three buttons in one embassy.
  • Color is not customizable
  • you can add introductory text to one instead of adding a separate body text component to add context to the buttons.
  • they can alos be used within a Layour component. (More on that later)

See below for a sample Embassy used for the 30 Under 30 program.

Layout Component

The Layout component is a way to use columns on a page. It allows you greater flexibility with your layout. 

  • You can have between 1-4 columns on a page.  Note. anything more that two columns requires a full-wdith page.
  • Layouts can use most components, not all of them

See below for samples of

  1. An embassy being used in a layout component,
  2. Featured Alumni & a donor story using an image, body text and an embassy button in a layout component.

 

The Conwell Circle logo.

Connect with Temple Alumni

Featured Alumni

This is a sample 2 column Layout component in use.

Trenae Nuri, KLN ’10.

Raised by Temple: Trenae Nuri’s Full-Circle Journey

Growing up, Trenae Nuri, KLN ’10 tagged along to her mother’s classes at the College of Public Health. She’d never imagined she’d one day be an Owl herself. Now, she’s back on campus with her own kids, sharing her experience and remaining deeply connected to the Temple community. More...

Hyperlist

A hyperlist is a visually attractive and efficient way of displaying a list of linked items. Users can click and be taken directly to relevant content.  An icon must be used with each listed item.

Below is an example of two hyperlists used in a two-column layout component.

Image

This is a basic image that can be used anywhere on a page.  f you position an image before a body text section, it can be displayed next to the text if you want. Images can be reused in other components such as a CTA or an accordion.

D10 Body Image placeholder

Date Strip

A date strip present a short series of dates with a calender element and a short description. it does not use a dynamic feed. It's good to help break up block of text on a page and highlght important dates.

Featured Events

Aug. 22

Join President Fry for a reception in Avalon, NJ.

Jun. 20

Join us for a new take on our annual Family Field Day.

Jun. 24

Did someone say Take Me Out to the Ballpark?

Mar. 11

Volunteer at Cradles to Crayons Giving Factory to help process and package donations.

Spacer

This is a spacer component which can be used to help add room to the page.  It has three options, black space, a hairline rule and a dotted rule.

Full-width Color Block

This is a full-width background color block that can be used to break up the page visually. Other component can also be used with it as a background. There are various color options for this component

Fantasia May