2 Column Layouts

2 Column Layout Snippets gives you the choices of: Content on Left, Content on Right, Events on Background Image, News and Events, Events and Events, Events and Social, and Social and Events.

Demo

View Demo

How to Use

Under Content, you can enter some text, such as a Title for the snippet. Beneath that are the selection options:

Selection Options (for all variations):

1. The Layout Type field lets you choose whether the left and right side will be split up into the snippet as follows: One Third|Two Thirds, Two Thirds|One Third, One Half|One Half, Three Quarter|One Quarter, or One Quarter|Three Quarter.
2. The Top Border field gives you an option of Yes or No for including a top border for the columns.
3. The Bottom Border field gives you an option of Yes or No for including a bottom border for the columns.
4. The Border Between field gives you an option of Yes or No for including a border in between the columns.
5. The Top Padding field gives you an option of adding padding, using default padding, or using no padding.
6. The Bottom Padding field gives you an option of adding padding, using default paddings, or using no padding.
7. The Top Margin field gives you an option of adding a top margin, using a default top margin, or using no top margin.
8. The Bottom Margin field gives you an option of adding a bottom margin, using a default bottom margin, or using no bottom margin.
9. The Extra Classes field is a developer only field.

Selection Options for News Feed:

1. The News feed URL field contains the URL of the news field you want to include.
2. The News Feed Type field only has one selection option: “Happenings”
3. The Number of Items field lets you choose how many news items will be displayed, from 1 through 8.
4. The Show More Link field, in which you can choose Yes or No to show more items.
5. The Read More URL, which redirects you to the full news item.

Selection Options for Event Calendar Feed:

1. The Calendar Feed URL field contains the link of the xml file containing the calendar data.
2. The Calendar Feed Type field allows you to choose which type of calendar will be used, either Active Data or Collegiate Link.
3. The Section Background Color field allows the user to choose the an “on light” or “on dark” background.
4. The All Button Color field selects the color of the “See All Events” button. The choices are Red, White or White on red.
5. The Number of Calendar Events field displays the number of calendar events the user wishes to have displayed. The choices range from 1-20, but anything higher than 4 defaults to 4 events displayed.
6. The Number of Columns field displays the number of columns the user wishes the calendar events to be split between. The choices range from 1-3 columns.
7. The Show Event Time field displays the date and time which the event will take place. This can be set to either “yes” to display the date and time, or “no” which does not display the date and time.
8. The Show Button field allows the user to decide whether they would like to display the button at the bottom of the calendar.
9. The Button Text field allows the user to choose what text will be displayed on the button.
10. The Button URL field contains the URL for the button.
11. The External? field allows the user to choose whether the button will link to a page within stonybrook.edu or an external link.
12. The Extra Classes field is for developer use only.

Selection Options for Social Media feed:

1. The Social Channel feed lets you choose which social media to insert (Twitter, Facebook, Instagram, or Flickr)
2. The Social ID field chooses the ID of the user/channel you would like displayed (.ie. "stonybrooku" for Twitter)
3. The Show "More" Button? field displays a button which allows the user to view more media from the feed if set to "yes"
4. The More Button URL field contains the url for the More button
5. The More Button Target allows the user to choose whether the site that the More button is linking to is a link within stonybrook.edu, or an external link like facebook.com
6. The Number of Items field displays the selected amount of media from the feed, with a minimum of 1 and a maximum of 10.
7. The Background Color field allows the user to choose what the background color of the social section is, so that the text shows in the correct color. The background color can be black, white, or red.

To add a background image:

Next to "Content" is "Background Image." To add a background image, click on the image icon at the top of the screen like so:  

Note that you will be directed to a background images folder that contains approved background images that are formatted appropriately. You will not be able to insert your own background image.