CSUMB 2024 - Checkerboard Section
Content Type Details
ID: 396
Name: CSUMB 2024 - Checkerboard Section
Description: Add the checkerboard on the page. Each row of checkerboard is a separate piece of content.
Minimum user level: Contributor
Use with page layouts: CSUMB 2024 - Full Width, CSUMB 2024 - Differentiator Page, CSUMB 2024 - Admission Landing
How to Use
Each row of the checkerboard is a separate piece of content.
The Section Title and CTA Link Text are optional. If added, they only need to be added in the first item of the sequence.
Recommended image size is at least 740px x 416px. The image can be any size or aspect ratio, and will be cropped and resized to the size required automatically by a service called PXL.
Vertical Video URL - Enter the embed/iframe video URL from Vimeo or YouTube.
Example
- YouTube Embed URL: https://www.youtube.com/embed/FgtBWb2k5N8?si=r_M6CuOTxx1-Kkf5
- Vimeo Embed URL: https://player.vimeo.com/video/217644790?h=5670a7285b
Note - The designs provided by OHO work well with Vimeo Embed URLs. For example, the video stops when the cross (x) sign is clicked, whereas with YouTube, the video runs in the background unless it's explicitly paused.
Steps to get the embed URLs:
YouTube – Get Embed URL
-
Open the video on YouTube.
-
Click Share (under the video).
-
Select Embed.
-
Inside the
<iframe>code, grab the URL → format is:https://www.youtube.com/embed/VIDEO_ID
Example:
Original watch URL → https://www.youtube.com/watch?v=FgtBWb2k5N8
Embed URL → https://www.youtube.com/embed/FgtBWb2k5N8
Vimeo – Get Embed URL
-
Open the video on Vimeo.
-
Click Share (paper plane icon).
-
Copy the Embed code.
-
Inside the
<iframe>code, grab the URL → format is:https://player.vimeo.com/video/VIDEO_ID
Example:
Original watch URL → https://vimeo.com/217644790
Embed URL → https://player.vimeo.com/video/217644790
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | A short, descriptive label for this content — visible only within the Platform. | 80 Characters | Plain Text | Yes |
| Section Title | Enter optional title above the group of checkerboards. Set on the first checkerboard in a group. Adding a title will start a new group. | 200 Characters | Plain Text | No |
| CTA Link Text | Enter the text for the Call to Action for the first content added in the group | 50 Characters | Plain Text | No |
| CTA Link (internal) | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA Link (external) | Only enter this if you are NOT entering an internal link | 500 Characters | Plain Text | No |
| Image 740x416 | Select the image of size 740x416 px from media library | N/A | Media | Yes |
| Image Caption | Enter the optional caption for the image | 120 Characters | Plain Text | No |
| Vertical Video URL | Enter the embed/iframe video URL from vimeo or Youtube | 500 Characters | Plain Text | No |
| Title | Enter the title for the checkerboard. | 250 Characters | Plain Text | Yes |
| Description | Enter the description for the checkerboard | 500 Characters | Plain Text | Yes |
| CTA Links | The links need to be added as bullet list items (i.e. as unordered lists <ul><li> tags) | 9999999 Characters | HTML | No |
| Button Text | Enter the text for the Call to Action | 50 Characters | Plain Text | No |
| Button Link (internal) | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Button Link (external) | Only enter this if you are NOT entering an internal link | 500 Characters | Plain Text | No |
Checkerboard Section
Link Title/280x0:1641x1080/prod01/channel_2/media/Moss-Landing-research.jpg)
With YouTube Video Embed URL
Embed URL used: https://www.youtube.com/embed/FgtBWb2k5N8?si=r_M6CuOTxx1-Kkf5
Button Title
With Vimeo Embed Video URL
Vimeo Embed URL used: https://player.vimeo.com/video/217644790?h=5670a7285b
Button Title