Callouts: 2 Columns

Flexible and Responsive Columns

Give your webpage a new look with Callouts: 2 Columns components. You can add a Facebook feed, highlight news, or use a robust WYSIWYG editor to add what you want.

When you add this component, you will see two sections: Right component and Left component. Instructions are the same for both. You can mix and match between a basic WYSIWYG editor, News, and Facebook widgets.

a field set for Left component with buttons to add a basic WYSIWYG, news, or Facebook widget

Callouts: 2 Columns can be added standard or full width.

Column Options

a WYSIWYG editor with two lines of icons

To add a full-featured WYSIWYG editor, click Add Callout: Basic WYSIWYG in your chosen column. Enter your content in the editor.

News item field with Embed button

A news column will display the title, image, and summary of a News node.

  1. In your chosen column, click Add Callout: News.
  2. Click Embed.
  3. Find your news item. News items appear in order of published date. To reduce the number of options, enter all or part of the title in the Title Contains field and click Apply.
  4. Check the box next to your chosen news item.
  5. Scroll down and click Embed.
Embed dialog box show Title contains, ID, and Author contains filters and an apply button as well as results

 

 

A Facebook widget will display the most current post for your chosen Facebook page.

To add the widget:

  1. In your chosen column, click Add Facebook Page Widget.
  2. Enter the name of the page, such as Grinnell College Libraries, in the Facebook Page Title.
  3. Find the Facebook page you want to link to and copy the part of the URL that falls after facebook.com/. E.g. grinnellcollege or Rosenfield-Program-Grinnell-College-121613464525637. Enter that in Facebook Page URL Component.
Left Component field set with required text fields for Facebook Page Title and URL Component
Physics majors George Abreu ’22, Courtney Carter ’21, and Avery Barnett ’21, and chemistry major Clinton Sabah ’21
Whether you’re presenting your own research or just immersing yourself in the experience, a conference can be an exciting opportunity for young scholars.
Courtney Carter ’21 with her winning poster
Physics major Courtney Carter ’21 has been having a very good year, delving deeply into research and pursuing her own ideas with confidence.

A Callout: Basic WYSIWYG

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer lobortis, urna ac faucibus euismod, enim nulla venenatis tellus, non porta justo ex ut tellus. Aliquam ut ex et libero ultrices euismod ut eget augue.

Valerie Johnson

Aliquam a dignissim lacus. Sed quis vulputate dui, at sagittis eros. Phasellus venenatis nibh nibh, ac vulputate tellus aliquet in. Aliquam fringilla lectus non sapien porttitor semper. Curabitur et bibendum erat. Pellentesque ornare arcu odio, in commodo leo dictum eleifend. Quisque a est erat.

Nunc mauris orci, maximus in ante et, bibendum cursus neque. Donec tincidunt elementum felis at consequat. Vivamus interdum neque dolor, ut vestibulum mi volutpat id. Vivamus ornare, nulla sit amet feugiat vehicula, elit lorem hendrerit leo, interdum semper augue libero ac odio.
 

A WYSIWYG with Tables and Lists

Vestibulum eu pulvinar metus. Donec ut ex in eros semper semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Praesent facilisis placerat nisl vitae consequat.
  • Sed volutpat tristique volutpat.
  • Pellentesque non dui nunc. Cras a pharetra turpis.

Phasellus id eros interdum, condimentum quam et, ultrices nisl.

  1. Vestibulum scelerisque odio ante,
    1. non mollis dui efficitur fringilla.
  2. Sed consequat sem quam, ut pharetra felis euismod ac.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Lorem Ipsum
Nunc maur is orci maximus in ante et
Donec tincidunt elementum felis
at consequat interdum neque vestibulum
From left: Kate Rohrbuagh welcomes the group to headquarters of the Peace Corps.
The Rosenfield Program brings students out of the classroom to delve into international affairs in Washington, D.C., as part of the College’s globally informed, inquiry-led curriculum.

We use cookies to enable essential services and functionality on our site, enhance your user experience, provide better service through personalized content, collect data on how visitors interact with our site, and enable advertising services.

To accept the use of cookies and continue on to the site, click "I Agree." For more information about our use of cookies and how to opt out, please refer to our website privacy policy.