Testimonial Vertical Carousel - Video
A vertical testimonial carousel that displays a video testimonial.
How to use
Each Testimonial Vertical Carousel - Video is a separate piece of content. Adjacent Testimonial Vertical Carousel - Video and Testimonial Vertical Carousel - Flip Image content items are wrapped together to create a Testimonial Vertical Carousel. Recommend to add a minimum of 2 Testimonial Vertical Carousel content items in a carousel, there is no maximum number.
For the first Testimonial Vertical Carousel item in a group:
- Add a Title, this is displayed behind the carousel items
- Choose a Background Colour Purple, Teal or Teal Tint
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
For each Vertical Carousel - Video:
- If using a YouTube video leave the Video Image element blank and the default thumbnail from YouTube will be used.
Select a suitable image from the Media Library for the Video Image to overwrite the default YouTube thumbnail or add always for Vimeo videos.
Recommend image is at least 820px x1190px. The image can be any size or aspect ratio, and will be cropped and resized to 820px x1190px automatically by a service called PXL. Find out how PXL crop and resize works. - Optionally add a Testimonial Name, this is shown on the front of the card
- Optionally add a Summary, this is shown on the front of the card
- Paste the URL for a YouTube or Vimeo video e.g., https://www.youtube.com/watch?v=zUlJWogLJYE or https://vimeo.com/678127987 in the Video URL element
- Optionally add a Transcript, this is a transcript of spoken words which is a requirement for accessibility. When populated the transcript displays in the modal below the video in an accordion
Content Type Details
ID: 451
Name: Testimonial Vertical carousel - Video
Description: A vertical testimonial carousel that displays a video testimonial. Can be stacked and combined with ‘Testimonial Vertical carousel - Flip Image’
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | Name | 50 Characters | Plain Text | Yes |
| Title | Add a title on the first item in a carousel | 12 Characters | Plain Text | No |
| Background Colour | Set the background colour on the first item in a carousel | N/A | Select Box (List: Testimonial Vertical Carousel Background Colour) | No |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation on the first item in a carousel | 20 Characters | Plain Text | No |
| Video Image | The main Image shown on the page, if adding a YouTube video you can leave blank to use the YouTube thumbnail | N/A | Media | No |
| Testimonial Name | Add a name to the testimonial | 50 Characters | Plain Text | No |
| Summary | Brief text shown on the main card | 50 Characters | Plain Text | No |
| Video URL | Add the full embed URL of a YouTube or Vimeo video, see component library library for guidance | 250 Characters | Plain Text | Yes |
| Transcript | Add a transcript of the video for accessibility | 10000 Characters | HTML | No |
Examples
Teal, Video Cards
/8x0:1612x2328/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-3.5cdf7ea3.jpg)
Matthew Carter
Why I chose to study Law at MDX
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mollis cursus augue at pellentesque. Suspendisse non maximus velit. Sed malesuada vestibulum lorem ac porta. Curabitur sed diam vehicula, elementum mi vel, mattis mi. Vivamus eleifend, libero vel scelerisque ornare, odio velit tristique leo, non feugiat lectus eros id leo. Praesent nec lectus dignissim, accumsan justo in, luctus ante. Fusce non odio sed orci accumsan mattis. Nam est risus, vehicula at nisl vel, sodales tincidunt est.
Suspendisse venenatis lorem at ornare egestas. In eget lacus elementum, egestas arcu ut, consequat lectus. Integer at viverra eros. Quisque commodo arcu sed risus finibus lobortis. Donec facilisis metus id dapibus faucibus. Vivamus consectetur massa non lacus vulputate, eget ultrices nisl feugiat. Aenean iaculis nunc in nisi euismod, in rhoncus orci consectetur.
Fusce rutrum eu augue sed congue. Suspendisse lobortis metus eu facilisis vestibulum. Fusce hendrerit sodales varius. Phasellus sodales ipsum ut libero lobortis, quis imperdiet mauris porta. Duis suscipit suscipit ipsum nec commodo. Nulla tincidunt nulla pulvinar arcu euismod, at scelerisque arcu cursus. Mauris a libero vel tellus rutrum tempor quis dapibus sapien. Vestibulum fringilla felis eu lorem gravida pharetra. Nunc sed convallis ipsum. Mauris sed tempus elit. Integer rutrum tincidunt purus vulputate scelerisque. Vivamus lacinia, metus lobortis congue venenatis, sapien enim dapibus nulla, vel aliquam elit ante quis orci. Aliquam erat volutpat.
Helen Bishop
Why I chose to study Law at MDX
/19x0:612x860/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/course-carousel-ph-8.4ce7031e.jpg)
Why study at MDX
Purple, Video and Flip Image Cards
/8x0:1612x2328/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-2.c4d25f32.jpg)
/filters:format(webp)/0x354:1620x1974/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-2.c4d25f32.jpg)
“Having had experience in the dance industry prior to coming to Middlesex University, the course was able to further my dance knowledge and skills a great deal. It gave me all the necessary tools to become stronger and more physically able”
Matthew Carter
Why I chose to study Law at MDX
/4x0:806x1164/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-4.6f85a3af.jpg)
Rachel Brooks
What makes the Middlesex so good
/filters:format(webp)/0x177:810x987/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-4.6f85a3af.jpg)
“Having had experience in the dance industry prior to coming to Middlesex University, the course was able to further my dance knowledge and skills a great deal. It gave me all the necessary tools to become stronger and more physically able”
/0x46:1856x2739/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-1.f70878e4.jpg)
/filters:format(webp)/0x464:1856x2320/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/scroll-card-ph-1.f70878e4.jpg)
“Having had experience in the dance industry prior to coming to Middlesex University, the course was able to further my dance knowledge and skills a great deal. It gave me all the necessary tools to become stronger and more physically able”
Teal Tint, Video Cards
Matthew Carter
Why I chose to study Law at MDX
Helen Bishop
Why I chose to study Law at MDX