Tag Archives: Drupal

CV Upload via Provost in Drupal

Uploading your CV

In order to include your CV in your Biography in Drupal, you will need the assistance of the Provost.

Note: Faculty members who wish to post their CV to the website are asked to email Tina Bockius, Faculty Administrative Coordinator, at cbockius@brynmawr.edu.

Staff and other CV requests should be sent to communications@brynmawr.edu.

Provost’s Office Role

In order to have the Provost’s Office approve CVs for posting on the website, there is a special permission level on the website specifically for uploading CVs and adding them to a biography (otherwise known as a Directory page)

This documentation is meant to assist the Provost’s Office with uploading the CVs.

Log in:

Log in from https://www.brynmawr.edu/user

Press the “Bryn Mawr Login” button

Enter your college credentials and expect dual authentication.

Once you logged in, you will see a screen similar to this.

By pressing the Manage tab on the top left and hovering over the Content tab you can see a few options

Finding Files

If we hover over Content and select Files we will be taken to the list of files in our website.

On this screen, we can search for PDFs by typing pdf in the MIME Type field and pressing Filter. This will help us know if the file is already on the site and how many pages may be using it.

We can also type the filename or part of a filename if we know what we are looking for

Finding Directory (biography) pages

If you click the content tab you will come to a screen where you can look for content.

By clicking on the dropdown under Content Type and selecting Directory, you can filter just for the biographies on the site

You can also type the name of the biography you wish to edit in the Title field.  We will look for myers. After we type that in, we will need to press the Filter button

Once we do that, we can scroll down to see the filtered results.

We can now click the Edit button in the Operations column to edit the page.

Editing Directory (biography) pages

Uploading Files

If we scroll down we will see either a PDF file   or we will see the Choose File button for the CV if there is no PDF file already  uploaded

If we need to edit an existing CV we will need to remove the one that is there, click the Remove button, then follow the instructions below for uploading a new one.

Pressing that Choose File button will bring up our finder window to browse our computer for the file.

After selecting the file we want, we can click the Open button. This will upload that file into our Directory page.

Press Save.

Visit the Biography (Directory) of the person you just edited to ensure there is a link to the CV and it downloads as expected.

Drupal Themes and Theme Switcher

Themes and the Theme Switcher

Please visit this link to view the Special Role Session video.

There are now a few themes for the different sites within Bryn Mawr’s website:

Themes have two different settings:

  • Main Theme, which is where the piece of content “lives”
  • Display Theme(s), which are places the piece of content can “visit”

Let’s dive into what that means.

Theme Switcher

Theme Editor

Theme Settings

Theme Switcher

The first thing you may notice when you visit brynmawr.edu is the top navigation bars have changed.

Depending where you are, you will see an underline on one of the three main areas to visit at the top right of the screen.

Here, since we are in the GSSWSR site you can see that the “Graduate & Postbac” link has the underline and you can see the GSSWSR logo on the left.  The Main Menu (Admissions & Aid, Degree Programs, etc) is unique for GSSWSR site.

If we clicked on the “Bryn Mawr Home”, it would take us to the Marketing site.

Here is an example of a page within the Marketing site so you can see a few things have changed with the theme.

In addition to the underline moving to under “Bryn Mawr Home”, you can see that the banner color and logo have changed.  The Main Menu for that particular site has also changed slightly.

If you want to visit any of the Graduate & Postbac sites, you can click or hover on that text and see a dropdown so that you can select the specific site to visit.

No matter which Homepage you visit

You will see engaging content that belongs (or “lives”) in that (Main) theme. There will also be links or teasers of content (like news or events lists) that belong (or “live”) in another (Main) theme but are getting referenced (or “visiting”) in that current (Display) theme.

Main Theme

The Main theme is a setting that is default set for all content, but may be adjusted on  Announcements, Basic Page, Event, Homepage, News and Story, if your permissions level permits. This Main theme tells the website that this piece of content “lives in” the Main theme or, in other words, should have the Main theme used when you visit the direct link to this content.

Display Theme(s)

The Display theme is a setting that is set for Announcements, Events, News and Story.

The Display theme tells the website that this piece of content is “visiting” or, in other words, is allowed to be displayed in all the themes that are selected in this field, whether as a direct piece of content (like a Basic Page or News) or via a Flexible Content Item that has one of these Display themes set.

Each piece of content that has these fields, should at the very least have the same Main and Display theme checked so that it can appear in that theme.

Tags

The Tags field is a setting for Announcements, Events, News and Story that helps the website categorize the content for display.

The Display Theme and Tags work together to pull the desired content into a display on a page.

Themes and Permissions in Drupal

Web Steward

As a Web Steward, you would only be able to create or edit a News and Basic Page.

You would be able to submit an Event or Announcement for review by Communications.

You would not be able to set the Main Theme.

Therefore, the piece of content that you create would retain the default Main theme of Inside Bryn Mawr or Marketing.

If you needed a piece of content to “live” in a different theme (like Graduate School of Social Work and Social Research), you would need to contact Communications communications@brynmawr.edu to have them set a different Main theme for that content.

Note how they will appear greyed out and unable to be selected/deselected.

Theme Editor

Certain Web Stewards can be assigned a supplemental role of Theme Editor if they are working to create and edit content for any of the Graduate Schools or Postbac.

If you find you need this supplemental role, please reach out to either Communications  communications@brynmawr.edu  or Web Services help@brynmawr.edu  to have your request granted.

What can this supplemental role do? This role of Theme Editor will allow you as a Web Steward to additionally set the Main Theme field for content you are able to create and edit.

Setting and editing theme settings

When editing a page, on the right side of the Edit Screen you will see something that says Themes or Themes and Options. You can open it and set the Main Theme field to be something other than the default setting.

The example below is a News page.

As such, we will need to set the Display Theme to include the new Main Theme we have chosen, so the content will always show up in it’s “home” theme.

There are two other Display Themes selected in our example, Marketing and Inside Bryn Mawr.

Because it is a News page, it has a default Display Theme of Inside Bryn Mawr and therefore this can not be deselected.

By setting these Theme fields on a News page, you are helping the website know which ones to display on a News listing page. This example, below, is the GSSWSR News listing page.

As you can see, the one article (Social Work Dean) has no label on it, because it is

  • Main Theme=GSSWSR
  • Display Theme=GSSWSR

The other two articles show in the listing with the label “Alumnae Bulletin” because they have

  • Main Theme=Alumnae Bulletin
  • with an additional Display Theme=GSSWSR.

The Main Theme can be considered your News articles’ home base.

This is where your News article will live and it also dictates what theme your News article will have.

Display Theme(s) dictate what other themes your News article can be displayed in – this includes being displayed in other Listing Pages as well as News 3-Up and News & Contact Flexible Content Items that may exist on Basic Pages.

Whenever a News article is published, it automatically gets added to the All College News hub on Inside Bryn Mawr. This listing page contains all News articles regardless of their Main Theme or Display Theme settings.

For more information, please see the documentation on News Content Type.

Syndication

By using the News 3-Up or News & Contact Flexible Content Items in a Basic Page, you can bring your News article into a Basic Page by either referencing a tag you associated with the News article or via manual selection.

If the Display Theme isn’t set in the News page for where you want it to display (like Postbaccalaureate Premedical Program), it may not display on a Postbac page that has a News 3-up, even though it has the correct tag (like STEM).


For more information, please see the documentation on News 3-Up and/or News & Contact.

Session Video

This is a Panopto Video and may require you to sign-in to view.

Special Role Session – Homepage and Theme Editor

Homepage content in Drupal

Note: The homepage content types are only available to Site Editors and people with the Homepage Editor role. If you have suggestions for homepage content, please contact College Communications.

Please visit this link to view the Special Role Session video.

Homepage Editor

This is a supplemental role designed specifically for Web Stewards who administer Graduate or Postbac websites within brynmawr.edu.  If you are in GSAS, GSSWSR or Postbac and feel you need this permission level, please contact Communications   communications@brynmawr.edu to discuss your needs.

Homepages

There are Homepages for:

You can see all of them if you Click on Content in the Admin Toolbar

Or visit https://www.brynmawr.edu/admin/content

Once there, select Content Type=Homepage and press the Filter button. If you are a Homepage Editor, you will only see Edit buttons next to the Homepages that you are allowed to edit.

The Homepage Content Type consists of Title, Hero carousel, and Flexible Content Items.

Here is the screen you see when creating a new Homepage. Notice that there is no URL alias specified. This only gets set when the page is to go live.

Title

This field doesn’t display, but it is important to be able to identify each unique Homepage that is built.

Flexible Content Items

All the usual Flexible Content Items are available here, as well as the addition of three Homepage Specific ones: Slide: Homepage Hero, Homepage Feature: Large, Homepage Feature: Medium, Homepage Feature: Story.

You can read about all the Flexible Content Items, including how to reorder them, in this tech doc.

 

 

Slide: Homepage Hero

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

If only one Hero slide is added, it will be just a hero image. Once you add a second one, it becomes a carousel.

Only a title and an image are required for a Hero slide.

If you would like a link on the slide, you can choose between a CTA or a Video Link.

 

Here is what each type of link looks like on the slide


Back to Top ^

Homepage Feature: Large

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item is a great way to draw attention to an important program or feature. This Homepage Feature Large has one of the Feature Child block options overlaying the bottom portion of the image (see each example below). It has an image, title, intro field and space for up to three links.

  • Main List Item

  • Additional List Item

NOTE: These things will be displayed under a The Details heading

Here is how it looks with the Main List and the Additional List Item list

 

 

You can also have a quote (Feature Child: Quote), statistic (Feature Child: Statistic), caption (Feature Child: Special Caption) or link to a video (Feature Child: Video) displayed prominently.

Once you have a Feature Child option filled in, you are able to remove it if you want to change what you use there. Simply click the three dots on the right of that item and select Remove. Then you can decide to use a different option. Please note that once you remove it, you would have to create it from scratch if the removal was accidental.

Feature Child: Quote form looks like this

 

This is how it looks with a quote

 

Feature Child: Special Caption form looks like this

 

This is how it looks with the Feature Child Special Caption

 

Feature Child: Statistic form looks like this

 

This is how it looks with a Feature Child Statistic

 

Feature Child: Video form looks like this. You can see that you can pick an existing Remote Video or add a new one. You can learn more about adding videos in our Embedding Videos tech doc.

Here we will just select an existing one

This is what the form looks like after we have pressed the Embed button

 

This is how it looks with a Feature Child Video

 

Back to Top ^

Homepage Feature: Medium

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item is a great way to draw attention to an important program or feature. This Homepage Feature Medium has  one of the Feature Child block options overlaying the bottom portion of the image (see each example below). It has an image, title, intro field and space for up to three links.

  • Feature Child: Main List Item

  • Feature Child: Dropdown.  Here is the form for the Dropdown, where you can add up to 5 items

NOTE: These things will be displayed under a The Details heading along with the Additional List Items

Here is how it looks with the Main List and a drop down both closed and expanded

 

You can also have a quote (Feature Child: Quote), statistic (Feature Child: Statistic), caption (Feature Child: Special Caption) or link to a video (Feature Child: Video) displayed prominently.

Once you have a Feature Child option filled in, you are able to remove it if you want to change what you use there. Simply click the three dots on the right of that item and select Remove. Then you can decide to use a different option. Please note that once you remove it, you would have to create it from scratch if the removal was accidental.

The Feature Child Quote form looks like this

This is how it looks with a quote

This is how the Feature Child Caption form looks:

This is how it looks with the Feature Child Special Caption

 

Feature Child: Statistic form looks like this. NOTE you can only have a 4-character Statistic Number.

This is how it looks with a Feature Child Statistic

Feature Child: Video form looks like this. You can see that you can pick an existing Remote Video or add a new one. You can learn more about adding videos in our Embedding Videos tech doc.

Here we will just select an existing one

This is what the form looks like after we have pressed the Embed button

This is how it looks with a Feature Child Video

Back to Top ^

Homepage Feature: Story

This is for HOMEPAGE EDITOR, SITE EDITOR and above and is only available for the Homepage Content Type.

This Flexible Content Item has a few more fields than a typical Flexible Content Item Story 1-up.  This allows you to really feature a story and add extra links and text to it.

Here we see the fields available: Heading, Introduction, CTA, story, story title (this is something like Academic Excellence, to help promote certain categories), quote alignment, a The Details section that helps you provide more links and additional text to further enhance this content item.

Here are how all these fields look in the display:

 

Back to Top ^

 

Log in and find content in Drupal

Log in:

Log in from https://www.brynmawr.edu/user

Press the “Bryn Mawr Login” button

Enter your college credentials and expect duo authentication.

Your user home screen will now be your Groups page

Log out:

If you click on your user name in the right side of the Admin Bar you will see a tab appear on the left side of the toolbar to be able to log out

My Groups Page:

The Admin toolbar (black menu at top) now has a Manage button in the top left. Click on that for content editing options to appear in your toolbar.

You will see a link to your Biography (Directory profile) so that you can view it.

If you scroll down you will see links to your sections.

Click on the name of one of your sections to add or edit content within that section.

To see all the content for that section, click on the Nodes button for that section.  This will take you to the Nodes tab of the Section Management for your group.

This page allows you to sort content by published/unpublished and by content type.

Group Management Page:

Once you’re on the page for managing a Group, you will see some quick links in the right and a small blurb about the section to the left.  You will also see two tabs on the bottom of the screen for “View” and “Nodes” where the “Nodes” tab will bring you to a page that only has the table of nodes (or content) associated with your Group.

The “View” tab is the default Group Management page and has a table of “Recent Content” at the bottom of the page for you to see what nodes (or content) is associated with your Group.

 

If you scroll further, you can see a table of the Recent Content in your section.

View a Node (or page)

To view a node (or content) you just need to click on the title of it in the table. This will open the page as visitors to your site would see it.  Alternatively, navigate to the content (use the URL or menu system to find it).

Using Edit tab on the page

To edit the node you are viewing: If you have navigated to the page and you have access to edit, you will see an “Edit” tab at the bottom of the page. Clicking on that tab will open up the Edit Screen of the page (or node).

Finding Content to Edit

There are a few ways to get to the page you may want to edit. Through the Group Management page you can look through the Recent Content, filter and search the Nodes or simply navigate to the page and click the Edit tab.

Edit a Node (or page)

To Edit a node (or content) from your Group Management Page, simply click on the Edit node link in the right side of the Recent Content table to bring you to the Edit screen for that page (or node).

Use the Node tab to find content in your group.

Once you are logged in and in your Group Management page, you will see the Node tab at the bottom of the page.

To Edit a node (or content) from your Group Page Node tab, click on the Node tab at the bottom of the screen. Once there, use the filter to find the content type (Basic Page or News, for example) as this will help narrow down the list.

Once you locate the node you want to edit, click the Edit node button in the operations column of that node to bring you to the Edit screen for that page (or node).

This will open up the Edit Screen of the page you want to edit

The Admin Bar:

If you see the admin bar at the top of a page, you know you’re logged into Drupal.

With the Manage tab on the Admin Bar you can add some content, view some content, and get to your Groups list. Also, depending on your permissions level, you may be able to do other things, such as add menu items.

The Shortcuts tab in the Admin Bar will show you some shortcuts.

The Add Content button will take you to a screen to submit either an Event or an Announcement.

The All Content button will take you the same place as the Content button does in the Manage tab.  This is the Content Screen.

The Content Screen:

If you aren’t sure which section a piece of content is in, you may wish to search all Drupal content. You can do this by clicking “Content.”

You can use the filters at the top of this screen to be able to find something by title, content type (i.e., Basic Page or News or Event) author (usually the person’s username within Drupal), Main Theme (Marketing, Inside Bryn Mawr, etc) or if it is published or unpublished.

Note that you will only be able to edit content for which you have editing access by the appearance of the “Edit” button in the Operations column, as illustrated below. For assistance with content you aren’t able to edit, please contact help@brynmawr.edu.

Events in Drupal

“Events in Drupal” are advertisements of your event on the college website and also in the Daily Digest. Please note you will still need to book your room through the Conferences and Events department.

Contents

Submitting an Event:

Drupal Users: Content->Add Content->Event and fill out the form.

OR

On your Group Page, find the Submit Content area on the right and click on the Event link and then fill out the form.


Non-Drupal Users – Try either of these ways to get to the form

Navigate to https://brynmawr.edu/inside/events/submit  and fill out the form.

Navigate to Inside Bryn Mawr, then hover over The Latest and select Promote Your Event from the dropdown.  Fill out the form.


Back to top ^

Filling in the form for Drupal Users (logged in):

Event Title: Use an effective title, since this will display both on the website and in the Daily Digest. It is better to be concise whenever possible. If the actual name of the event is more than a handful of words, consider using a shortened title in this field and the expanded version in the body of the page.

Image – The Image field is collapsed by default since it is optional.  If you wish to add an image, please make sure you expand both Image fields as the outer field is for caption and orientation and the inner Image field is for actually uploading or embedding an image

DATE/TIME: This is defaulted to no date/time. Please use the date picker to choose the correct date for your event. Please be sure to enter an end date/time for your event.

Duration – Duration field is defaulted to 1 hour, so if your event is less or more time, please select the most appropriate choice.

Both the time and date fields are set to be manually filled in as:

  • mm/dd/yyyy – for the Date
  • hh:mm AM – for a morning time
  • hh:mm PM  – for an afternoon/evening time.

In some browsers you may encounter a calendar and clock icon that will allow you to use the picker if you click on the icons in the appropriate field. If you don’t see the icon, just put your cursor in the field and start typing the Date and Time manually.

Event Location: Choose from the dropdown menu, which includes “Off-Campus Event” “Online/Virtual Event” or “Other.”

 

Location Detail: Optional field. Enter additional details about the Event Location, like a room number or street address, and more information if selecting Other as the location.

Event Type: Choose from the checkbox list. This allows multiple choice.

Event Audience: Choose from the radio button list. This allows only one choice.

Email of person submitting this formthis field will be blank but is a required field so that Communications can follow up with publishing all the information needed for your event. You, the person filling in the form, should put your email address.

Event Contact Name: The person running the event, which could be different from the person filling in the form.

Event Contact Email: The person running the event, which could be different from the person filling in the form.

Blurb: A short summary of the event. This text will appear in the Daily Digest and the Events listing page and is limited to 200 characters.

Body – Optional field. The next field is an Advanced WYSIWYG where you can put images, videos, blockquotes, links, as well as bulleted and numbered lists. Information in this field will only display on the Event Detail Page.

Use this to add more information for the event. Do not repeat the blurb information as it will then appear twice on the Event Detail Page.

Zoom Links: If you add a Zoom URL link in the Body field, please be aware that it must be either a registration link or a recording link. Non-registration or non-recording Zoom links will throw an error on the screen and not allow you to save the event.

Flexible Content – This is to display Flexible Content Items on your event.  Since Events are reviewed and approved by the  Communications Team, you may want to check with them about the Flexible Content Items you may want to add.

Flexible Content Items on an Event are

  • WYSIWYG
  • Accordion
  • Announcement 4-up
  • Callout
  • Carousel
  • Columns
  • Contact
  • Embed
  • Feature: Grid
  • Feature: Large
  • Feature: Medium
  • Feature: Quote
  • Image Detail: Large
  • Image Gallery
  • Image List
  • News & Contact
  • News: 3-Up
  • People: List
  • Social Media: Callout
  • Social Media: Connect
  • Special List: Large
  • Special List: Small
  • Story: 1-Up
  • Story: 3-Up

 Please see our article on Flexible Content Items for more details.

Tags (syndication)

This next field is how you can syndicate your event across our website. By selecting tags that are relevant for your event it can be pulled into other pages by referencing that specific tag through an Event 3-Up Flexible Content Item on that page.

This Tag field is an Autocomplete field, so you will need to start typing to see some tags from which to choose.

You can add another tag by clicking the Add another item button.

The Tags field is a setting for Announcements, Events, News and Story that helps the website categorize the content for display.

The Display Theme(s) (see below) and Tags work together to pull the desired content into a display on a page.

Daily Digest Opt In/ Opt out – Default is for it to appear in the Daily Digest (opt in)

To Opt Out of Daily Digest Publication: You can also choose not to publish your event in the Daily Digest by checking the box next to that selection.  If you check the box, the only thing left to do is press Save.

Daily Digest Dates: This will promote your event to the Daily Digest e-newsletter on two specific dates you pick with the date picker as well as on the day of the event.

Display Themes

If you are filling out an Event Submission form as a logged in Drupal user, you will see a “Theme(s) & Options” link on the right-side of the screen.  If you expand it, you will see there are several choices you can make for where this event can display.

The Display theme is a setting that is set for Announcements, Events, News and Story. This tells the website that this piece of content is allowed to be displayed in all the themes that are selected in this field, whether as a direct piece of content (like a Basic Page or News) or via a Flexible Content Item that has one of these Display themes set.

Display Theme for Events is default set to Inside Bryn Mawr as that is the Theme where the Event Listing Page hub lives https://www.brynmawr.edu/inside/latest/events

Display Theme(s) dictate what other themes your Event can be displayed in – this includes being displayed in Event 3-Up Flexible Content Item that may exist on Basic Pages, etc.

So, if you want your Event to appear in GSAS themed pages that pull in an Event 3-up with the Tag STEM this event would have to have “STEM” in the Tag field and also have the Display Theme additionally set to Graduate School of Arts and Science (GSAS).

Press Save

Await confirmation that your Event has been published.

What to Expect Upon Pressing the “Save“ Button:

  • You will receive a message stating your event has been submitted for review.
  • The event will remain unpublished until Communications can review it.
  • If any additional information is necessary, you will be contacted by a member of the Communications Team.
  • When your event is approved and published, you will be contacted by Communications.
  • Your event will appear on the Events Landing Page on the date of your event.
  • If you did not opt out of advertising in the Daily Digest, your event will be advertised on the day of the event and on the dates you selected in the Daily Digest.
  • If you choose to add an Event 3-up Flexible Content Item to a page in your section, your event will appear there only if you have chosen the tag you added to your Event upon its creation.

Back to top ^

If you are a Non-Drupal User (not logged in)

Title: Use an effective title, since this will display both on the website and in the Daily Digest. It is better to be concise whenever possible. If the actual name of the event is more than a handful of words, consider using a shortened title in this field and the expanded version in the body of the page.

DATE/TIME: This is defaulted to no date/time. Please use the date picker to choose the correct date for your event. Please be sure to enter an end date/time for your event.

Both the time and date fields are set to be manually filled in as:

  • mm/dd/yyyy – for the Date
  • hh:mm AM – for a morning time
  • hh:mm PM  – for an afternoon/evening time.

In some browsers you may encounter a calendar and clock icon that will allow you to use the picker if you click on the icons in the appropriate field. If you don’t see the icon, just put your cursor in the field and start typing the Date and Time manually.

Duration – This is especially helpful to set the event to All day. Default is set to one hour.

Event Location: Choose from the dropdown menu, which includes “Off-Campus Event” or “Other.”

 

Event Location Details: Optional field. Enter additional details about the Event Location, like a room number or street address, and more information if selecting Other as the location.

Event Type: Choose from the checkbox list.

Event Audience: Choose from the radio button list.

Email of person submitting this formthis field will be blank but is a required field so that Communications can follow up with publishing all the information needed for your event.

Event Contact Name: The person running the event, which could be different from the person filling in the form.

Event Contact Email: The person running the event, which could be different from the person filling in the form.

Blurb: A short summary of the event. This will appear in the Daily Digest  as well as on the Events listing page.

Body – Optional field. Use this to add more information for the event. Do not repeat the blurb information as it will then appear twice on the Event Detail Page.

Zoom Links: If you add a Zoom URL link in the Body field, please be aware that it must be either a registration link or a recording link. Non-registration or non-recording Zoom links will throw an error on the screen and not allow you to save the event.

Daily Digest Opt In/ Opt out – Default is for it to appear in the Daily Digest (opt in)

To Opt Out of Daily Digest Publication: You can also choose not to publish your event in the Daily Digest by checking the box next to that selection.

Daily Digest Dates This will promote your event to the Daily Digest e-newsletter on two specific dates you pick with the date picker as well as on the day of the event.

Finally, you will encounter a CAPTCHA to ensure you are not a robot.

Once you complete that CAPTCHA you can press Submit

Await confirmation that it has been published.

What to Expect Upon Pressing the “Save“ Button:

  • You will receive a message stating your event has been submitted for review.
  • The event will remain unpublished until Communications can review it.
  • If any additional information is necessary, you will be contacted by Communications.
  • When your event is approved and published, you will be contacted by Communications.
  • Your event will appear on the Events Landing Page on the date of your event.
  • If you did not opt out of advertising in the Daily Digest, your event will be advertised on the day of the event and on the dates you selected in the Daily Digest.

Displaying Events on Other Pages

Lists of events may be displayed on any page that has the Flexible Content Item Event 3-up available to add.  You can read more about this here.

Back to top ^

Video in Drupal

Adding Video in Drupal

Adding a YouTube or Vimeo video  can be done by embedding directly in the WYSIWYG Editor.

Adding a Panopto video requires you to use an Embed Flexible Content item. Read more about the Embed item here.

YouTube and Vimeo

Remote Video allows you to associate a URL of the video with a Cover Image to display either a YouTube or Vimeo video. YouTube and Vimeo are the only hosted video providers that can be added to WYSIWYGs in the new site. For other providers, such as Panopto, please see Other Hosting Providers below.

Embedding Video in WYSYWYG

Usually you will embed videos within the WYSIWYG of a Basic Page or News article.

When creating or editing your Basic Page or News article, locate the point in your text where you wish to embed the video.

Place your cursor there and then in the WYSIWYG toolbar, select the Video Embed icon. NOTE: If the WYSIWYG doesn’t have that icon, you will be unable to embed a video in it.

Video Embed icon has the play button

 

Upon clicking the Video Embed icon, a pop-up window will appear to “Select media item to embed”. There will be two tabs at the top: “Browse Library” and “Add New”

Adding a New Video 

If we click the Add New tab we will see a form to fill out to add the video item to the library

The name field is required.  It is important to name your video clearly, but succinctly.

The next field is the Cover Image. This requires you to choose a still image that will represent the video.  It can be a still from the video, or it could be a photo that embodies the essence of the video’s subject matter.  Clicking “Choose File” will open your computer’s File Browser Finder so that you can locate and click on the correct image.

Once you’ve selected the file and clicked “Open” a thumbnail will appear in the Video form and you will encounter a required Alternative Text field

You must fill out the Alternative text to comply with our Accessibility Standards.

The next field that you will need to fill in is the URL field.  This is the address of the YouTube or Vimeo video.

Scrolling down, you will see that the rest of the fields have defaults that can be left.  Press the Save & Embed button.

Next you will get an additional popup that wants you to check your selection.  This is your chance to replace it or continue

Press Replace Selection to start over.

Press Next to continue.

Now you will encounter another popup that will ask for a caption for the video. This is optional, but it is helpful for the visitor.

Once you have set your caption, press Embed. This will bring you back to the content entry form.

Scroll down, save your page and see if the video is displayed as expected.

Editing the video you just created

If you don’t like the cover image or something about the video, you can edit it by first, editing the page, then editing the WYSIWYG. Then scroll to find your video and right-click to see the “Edit Video” button.  You can also double-click on the video to edit it.

This will bring up a simple popup with the file name of the video

By clicking on the file name, you can edit the video. NOTE: Only do this for a video you created!

Clicking on the file name will open a new browser window with the video edit screen.

We would like to pick a new cover image.

By clicking the “Remove” button next to the image filename, we will remove it from the Remote Video and our library.

We can now upload a new one by clicking “Choose File” and selecting a new one from my computer.

Once we are satisfied with our changes, we can scroll down and press Save.  This will keep us in that new browser window. We can close out of it and the browser window with my page editing will still be open.  It will still have the  popup open with the video filename. Since we just edited it, we can press “Embed” and it should update.

We can see that it updates the cover photo in the WYSIWYG.

Saving the page now will let us confirm that our Remote Video object looks better.

Browsing the Video Library

Upon clicking the Video Embed icon, a pop-up window will appear to select media item to embed. There will be two tabs at the top: “Browse Library” and “Add New”

If you scroll down you can see that the “Browse Library” tab has a pager and an Embed button.

Once you have made your selection, press the “Embed” button

Now you will encounter another popup that will ask for a caption for the video. This is optional, but it is helpful for the visitor.

Once you have set your caption, press Embed. This will bring you back to the content entry form.

Scroll down, save your page and see if the video is displayed as expected.

Please note that not all videos in the library have images

You can see what it looks like in the WYSIWYG

And if we press save, you can see what it looks like on the page

If you encounter this, please contact Communications so that they can edit the video.  If you really want to use it without an image, make sure it is in it’s own WYSIWYG so it won’t display in an odd way as seen above.

One other option to display a video is to have it be part of the Feature Large and Feature Medium Flexible Content Items.

Other Hosting Providers (Panopto) 

The only way to add video from other hosting providers, such as Panopto, is by adding it as an iframe via the Embed Flexible Content Item.

Adding Video via Embed Flexible Content

Note: You must have the Embed role before proceeding.

If you don’t have the Embed role, please contact Communications for help with placing your video. Read more about the Embed Flexible Content item here.

Copy the embed code from Panopto (or other video hosting site).

In Panopto, there are a few options to check, if desired. We care about the captions – so the “Show Captions” box should be checked as the default and viewers can turn them off if they need/choose.

Here’s a link to the Panopto doc with a video tutorial and details on all of the options: https://support.panopto.com/s/article/Embed-a-Video

Screenshot example of getting iframe code from Panopto. NOTE: “Show Captions” is checked.

 

Edit the Drupal page you want to add the video to.

Locate the point in your text where you wish to embed the video. If it is in the middle of the WYSIWYG, you will have to add another WYSIWYG then cut the text that should follow the video from WYSIWYG pre-video and paste into the WYSIWYG that should be post-video.

Then, add an Embed Flexible Content item and paste the iframe code into it.

Drag the Embed to be in between the two WYSIWYG

Save the page to see if the video is displayed as expected.

Can’t find your video?

Go to Content, select the Media tab and filter by Type=Remote Video to see all available videos. Please Note: Only uploaded videos such as YouTube or Vimeo will be found here. The Panopto videos you place in the Embed Flexible Content Items are unique to that embed instance and the page in which it is embedded. If you want a single Panopto video to appear on multiple pages, please contact Communications to assist you with an In-Context block placement of that video.

 

Announcements in Drupal

Announcements

Announcements now appear on the website in listings [ https://brynmawr.edu/inside/latest/announcements ] as well as in the Daily Digest e-newsletter.

Announcements are items that can be submitted via one form to appear in both places or only on the website.

Announcements can appear up to twice in the e-newsletter. They include a headline, an information blurb of up to 200 characters for the Daily Digest, expanded information for the Announcement Detail Page on the website, an optional link for more information, and a tag so they can be syndicated to other pages within our site.

Creating an Announcement:

  • Drupal Users: Content->Add Content->Announcement and fill out the form.

OR

On your Group Page, find the Submit Content area on the right and click on the Announcement link and then fill out the form.

  • Non-Drupal Users: Navigate to https://www.brynmawr.edu/inside/announcements/submit and fill out the form.

Filling in the form for Drupal Users (logged in):

Title

Fill in the title of Announcement [ Example: Last day of class ]

 

Date and Time

There is a Date & Time field that is pre-populated with the timestamp of when you are submitting your announcement. You can leave this field as is.

Blurb

The next field is the Blurb field. Information in this field appears in the Daily Digest and the Announcement List view and is limited to 200 characters.

Body

Optional field. The next field is an Advanced WYSIWYG where you can put images, videos, blockquotes, links, as well as bulleted and numbered lists. Information in this field will only display on the Announcement Detail Page. You can read more about how to use a WYSIWYG in our Flexible Content article.

This optional field only needs to be added if you want your announcement to link to a more detailed page of information on the website (Announcement Detail Page). Leaving the body field blank will cause the announcement to link directly to the URL that you put in the Link Information field. If both the Body field and the Link Information field are blank the announcement will just appear as plain text on the listing page.

Tags (syndication)

This next field is how you can syndicate your announcement across our website. By selecting tags that are relevant for your announcement it can be pulled into other pages by referencing that specific tag through an Announcement 4-Up Flexible Content Item on that page. (Please see our techdoc article on Flexible Content Items for more details)

This Tag field is an Autocomplete field, so you will need to start typing to see some tags from which to choose.

You can add another tag by clicking the Add another item button.

Link Information

Optional field.  The next field is to add a URL and link text to your announcement. This is especially helpful for adding a registration link.

If the URL you add is a Zoom link please be aware that it must be either a registration link or a recording link. Non-registration or non-recording Zoom links will throw an error on the screen and not allow you to save the Announcement.

Leaving the Link Information field blank will have the Announcement appear as plain text on the Announcements listing page.

Fill in the Link Information with a URL that begins with either http:// or https://  This URL will be linking the title of the announcement to the URL address, whether that is an outside link or a page on the Bryn Mawr website

Email

Fill in your email so that Communications can contact you.

Daily Digest Opt In/ Opt out

Default is for it to appear in the Daily Digest (opt in)

To Opt Out of Daily Digest Publication: You can also choose not to publish your event in the Daily Digest by checking the box next to that selection.

Daily Digest – Opt in

If you want your announcement published in the Daily Digest, please select which audience group you wish to advertise this announcement.

Also, please select up to two Daily Digest publish dates

This Daily Digest date field has a date picker for your convenience. You can always type the date manually in the field instead.

Press Save

Await confirmation that it has been published.

What to Expect Upon Pressing the “Save“ Button:

  • You will receive a message stating your announcement has been submitted for review.
  • The announcement will remain unpublished until Communications can review it.
  • If any additional information is necessary, you will be contacted by Communications.
  • When your announcement is approved and published, you will be contacted by Communications.
  • Your announcement will appear on the Announcements Landing Page in posted date order.
  • If you did not opt out of advertising in the Daily Digest, your announcement will be advertised on the dates you selected in the Daily Digest.
  • If you choose to add an Announcement 4-up Flexible Content Item to a page in your section your announcement will appear there only if you have chosen the tag you added to your announcement upon its creation.

Fill in form as Non-Drupal User (not logged in)

Title

Fill in the title of Announcement [ Example: Last day of class ]

Blurb

The next field is the Blurb field. Information in this field only appears in the Daily Digest and is limited to 200 characters.

Link Information

Optional field.  The next field is to add a URL and link text to your announcement. This is especially helpful for adding a registration link.

If the URL you add is a Zoom link please be aware that it must be either a registration link or a recording link. Non-registration or non-recording Zoom links will throw an error on the screen and not allow you to save the Announcement.

Leaving the Link Information field blank will have the Announcement appear as plain text on the Announcements listing page.

Fill in the Link Information with a URL that begins with either http:// or https://   This URL will be linking the title of the announcement to the URL address, whether that is an outside link or a page on the Bryn Mawr website

Email of person submitting form

Fill in your email so that Communications can contact you.

Daily Digest Opt In/ Opt out 

Default is for it to appear in the Daily Digest (opt in)

To Opt Out of Daily Digest Publication: You can also choose not to publish your event in the Daily Digest by checking the box next to that selection.

If you don’t want your announcement in the Daily Digest you can select to opt out of the Daily Digest by ticking the box.

Daily Digest Opt In – If you want it in Daily Digest, please click the Daily Digest Info to open that section and fill in the fields.

Select which audience group you wish to advertise this announcement.

Also, please select up to two Daily Digest publish dates. This Daily Digest date field has a date picker for your convenience. You can always type the date in the field manually instead.

CAPTCHA

Finally, you will encounter a CAPTCHA to ensure you are not a robot.

Once you complete that CAPTCHA you can press Submit

Await confirmation that it has been published.

What to Expect Upon Pressing the “Save“ Button:

  • You will receive a message stating your announcement has been submitted for review.
  • The announcement will remain unpublished until Communications can review it.
  • If any additional information is necessary, you will be contacted by Communications.
  • When your announcement is approved and published, you will be contacted by Communications.
  • Your announcement will appear on the Announcements Landing Page in posted date order.
  • If you did not opt out of advertising in the Daily Digest, your announcement will be advertised on the dates you selected in the Daily Digest.
  • If you choose to add an Announcement 4-up Flexible Content Item to a page in your section your announcement will appear there only if you have chosen the tag you added to your announcement upon its creation.

Pages in Drupal

Login:

Log in and choose the Group in which you want to create or edit a page. Groups in the new website are akin to Sections from the old website. Read more about logging in and finding content.

The Group Management Screen:

When you first log in, you will see a page listing your Groups.

Click the link for the Group you wish to work on to get to your Group management screen.

If you clicked on Mathematics you would then see this screen

You can also get to this (while logged in!) by clicking the Groups link in the top Admin Toolbar

That will take you to a page that looks like this

If you click Mathematics in that screen you would come to this page (which is the same as clicking from the My Groups page)

Add Content:

From your Group management screen, under “Add Content to [section],” click “Basic Page.”

Basic Page:

This Content Type has Flexible Content to add to the page, but it also has basic parts for you to put minimal content in without getting too fancy.

When you select “Basic Page” from your Group page, you will get a screen where you can enter content into a new Basic Page

As you can see, the only required field is the Title.

Hero Image

You can add a Hero Image by pressing the Upload or Browse Library button and selecting the image to embed.  Read more about uploading media here.

If you pressed Save now, you would see the title overlaying on the Hero Image on your page, like so

Introduction

The next field available is the Introduction field.

This field is a simple WYSIWYG field that allows only bold, italic and linked text.

This is what it looks like once we have saved the page. Here you can see the bottom of the Hero Image just before the Intro.

Quick Links

The next field available is Audience Quick Links.  This is really a specially styled version of the Special List Small that you would also find in the Flexible Content area.  This Audience Quick Link version is in a fixed position on the page and can’t be reordered or moved.

Once the “Add Special List Small” button under Audience Quick Links is pressed, an area to enter a Special List small appears

Fill it out with Quick Links you would like to appear at the top of the page.  You can use the anchor link method to link to content within the WYSIWYG further down the page, or you can link to some content on our site or to an external link.

When you press Save you can see that this list appears next to the Intro that we added

This is the way it appears if it doesn’t have a menu link. Once given a menu link, quick links appear below the intro. Please read more about Menu Links below.

Flexible Content Items

The rest of the Basic Page gives you Flexible Content that you can add as you wish.  The most important one will be the WYSIWYG so you can add the majority of your content.  The rest of the Flexible Content Items are to highlight, feature or syndicate content. Read more about how to create and use Flexible Content Items.

See how all the Flexible Content items look on a Basic Page with our Web Services Example page.

Flexible Content Items on a Basic Page are

  • WYSIWYG
  • Accordion
  • Announcement 4-up
  • Callout
  • Carousel
  • Columns
  • Contact
  • Embed
  • Event: 3-Up
  • Feature: Grid
  • Feature: Large
  • Feature: Medium
  • Feature: Quote
  • Image Detail: Large
  • Image Gallery
  • Image List
  • News & Contact
  • News: 3-Up
  • People: List
  • Social Media: Callout
  • Social Media: Connect
  • Special List: Large
  • Special List: Small
  • Story: 1-Up
  • Story: 3-Up

Positioning content:

Once you’ve added your Flexible Content, you can reorder it by drag-n-dropping the Flexible Content Items when you are editing the page.  Please note that Hero, Intro, Audience Quick Links are all in a fixed position. Only the Flexible Content Items can be reordered in relation to other Flexible Content Items.

Saving content

Save at the bottom left of the Page creation screen.

By default, pages will be published immediately, with no menu link unless you have the Menu Editor role. If you do not have the Menu Editor role, read below for more info on getting your page into the site’s menu.

Menu Links

After you create/save a page you will need to reach out to Communications to have the page set in the menu. Until this is done, the page will have no left-hand navigation for the department/Group.

The other way you could do this would be to reach out to Communications first and have Communications set up the page in the correct Group with the menu link and leave it in an unpublished state for you to edit.

If you are a Menu Editor, please read more about how to use menus.

Preparing Images for the Web in MS Word 2016

Before uploading your images to Drupal, it’s important to correctly crop, size, and optimize them to ensure they will display correctly and be accessible. The document below provides instructions for performing those tasks within MS Word 2016 on Windows and MacOS.

PreparingImagesfortheWebinMSWord2016
Title: PreparingImagesfortheWebinMSWord2016 (0 click)
Caption:
Filename: preparingimagesforthewebinmsword2016.pdf
Size: 345 KB