Component Library

Contact us

Compound - Media Bar

From conferences to tradeshows and networking events, our event management software simplifies your event planning process. Whether you run in-person, virtual or hybrid events – we’ve got you covered.

Introducing CventIQ™

Combining AI and industry expertise, CventIQ helps marketers, event planners, and hospitality professionals move faster, collaborate better, and deliver more engaging, high-return experiences.

Learn more

Compound - Media Bar

Astronaut clipart space. Animated cartoon man in a.

Heading

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but

Compound - Media Bar

Lorem ipsum

 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Watch Video

Animated SVG

Layout - Content

Two hands shaking, symbolizing partnership or agreement.

Conferences

Heading text

Here is a link

video modal test on mobile 2

embedded in layout - content - simple content

Astronaut clipart space. Animated cartoon man in a.

Gif test

This is a gif test

Sample Layout Content shelf

Lorem ipsum dolor sit

Lorem ipsum dolor sit

Lorem ipsum dolor sit

Button test in simple content

Default button

Ghost button

Cta Link

Blue button

White button

Green button

Orange button

Ghost blue button

Ghost white button 

CTA link white

Here is a default link - green

Compound - Media Bar

A single row that displays 1 content item and 1 media item. Optional heading, description text and CTAs. Options below.

Background color: none, dark blue, brand blue, orange, green, purple

Media order: first and second

Media position: left and right

Media size: one-third, one-half, two-thirds

Media: image, image in media frame (browser window), video modal, video embed

A panda with its mouth open and one paw raised, sitting on a tree branch.

Simple Content (optional title)

Simple content description wysiwyg.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do eiusmod tempor
  • Incididunt ut labore et dolore magna aliqua.

 

Photocredit: Joe Baker

compound media bar button test

Default button

Ghost button

Cta Link

Blue button

White button

Green button

Orange button

Ghost blue button

Ghost white button 

CTA link white

Smiling man at an event with a badge that says Andrew in a crowd of other people.

in simple content, full HTML

Default button

Ghost button

Cta Link

Blue button

White button

Green button

Orange button

Ghost blue button

Ghost white button 

CTA link white

Simple - Fullwidth WYSIWYG

May leverage custom WYSIWYG styles and takes up the full content width on the page. This component is intended specifically for sections with large amounts of copy, nested <ul>s, tables, etc. Optional heading and links.

Can add optional CTAs

Compound - Logo Bar

A bar of logos (or images). Optional heading and description. SVG + PNG/JPG files accepted. Can optionally link image files. 

Compound - Media Bar

A single row that displays 1 content item and 1 media item. Optional heading, description text and CTAs. Options below.

Background color: none, dark blue, brand blue, orange, green, purple

Media order: first and second

Media position: left and right

Media size: one-third, one-half, two-thirds

Media: image, image in media frame (browser window), video modal, video embed

Simple Content (optional title)

Simple content description wysiwyg.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do eiusmod tempor
  • Incididunt ut labore et dolore magna aliqua.
Video
 

Compound - Media Block

A block that displays 1 content item & 1 media item. The media item's height grows with the length of content

Optional: heading and link. Text alignment: left, center, right

Compound - Media Block

Optional heading

Additional simple basic content

Optional heading

Additional simple basic content

Optional heading

Additional simple basic content

Optional heading

Additional simple basic content

See all customer events

Simple - Centered Video

aklsa

Compound - Stat Bar

Compound content item that includes simple stats. Mandatory: between 1 and 4 Simple - Stats. Optional: heading and description above the stat bar. Background color is configurable: none, brand blue, dark blue, orange, green, purple

31%

lorem ipsum dolor

Stat

lorem ipsum dolor

$100M

lorem ipsum dolor

195%

lorem ipsum dolor

Layout - Content

Layout component to include any number of content items.

Mandatory: content items (Simple - Card, Simple - Content OR Simple - Icon).

Optional: heading, description, link around the content items. Background color can be configured (none/light gray). This component can accommodate multiple rows of content with the column number configurable. 

Video
 

Research Exposed: CMO Council Explores the Future of the Event Industry

Over the last two years, the event industry took a major hit. Between the shift to digital, mass cancelations and unpredictable timelines, event planners have been challenged to maximize event outcomes while remaining agile. But as the marketing world brims with hope over the return of in-person events, the reality is that the landscape has been forever changed and the gatherings we once knew will no longer cut it.

A panda with its mouth open and one paw raised, sitting on a tree branch.

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit

A panda with its mouth open and one paw raised, sitting on a tree branch.

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet consectetur adipiscing elit

A panda with its mouth open and one paw raised, sitting on a tree branch.

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit

A panda with its mouth open and one paw raised, sitting on a tree branch.

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Optional link

Layout - Accordion

An accordion container.

Mandatory: accordion items. Optional: heading & description above the accordion.

Accordion items can include Simple - Content, Compound - Media Bar, Compound - Media Block, and Layout - Content.

First accordion item

Simple - Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

A panda with its mouth open and one paw raised, sitting on a tree branch.

Compound - Media Bar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Second accordion item

Compound - Media Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Third accordion item

Layout - Content

Simple - Icon Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Simple - Icon Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Simple - Icon Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Layout - Horizontal Tabs

Horizontal tab container. Mandatory: tabs. Optional: heading & description above the tabs

Tab label 1

Simple - Content

Optional text alignment: left, centered, or right. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Another Simple - Content

Horiztonal tabs can contain multiple, different components: Simple - Content, Compound - Logo Bar, Compound - Content Bar, Compound - Media Bar, Compound - Media Block, Layout - Content, Summary - Resources

Summary - Resources: display a dynamic summary of resources. Count and relationship filters can be configured. Specific resources can be displayed, otherwise they are dynamically generated.)

Summary Resources

Tab label 2

Compound - Logo Bar

Compound - Content Bar

Simple - Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Simple - Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Featured Horizontal Tabs

These are our horizontal tabs, but with a twist. Choose an SVG to represent the tab and add a description.

Layout - Vertical Tabs

Vertical tab container. Mandatory: tabs. Optional: heading & description above the tabs. 

Tab label 1

Simple - Content

Optional text alignment: left, centered, or right. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Another Simple - Content

Vertical tabs can contain multiple, different components: Simple - Content, Compound - Logo Bar, Compound - Content Bar, Compound - Media Bar, Compound - Media Block, Layout - Content

Tab label 2

Layout - Content

Simple - Carddddd

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

CTA

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

CTA

Simple - Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

CTA

Compound - Media Bar

Optional description text. 

A panda with its mouth open and one paw raised, sitting on a tree branch.
  • Image here: Media with Frame. 
  • Frame options: Browser, tablet, mobile device

Here are our Featured vertical tabs

Add an icon to represent a tab concept

Compound - Stat Bar

120,000

Covid vaccines initiated

1200000

Users created online

18000

People invited and attended

Summary - Blogs

Simple - Content

I am running a test to see what happens when i configure the color of a default link within a simple content component.

Button color - brand blue

Case study example

Gallery lightbox

Several people are sitting in chairs in a theater, watching something on a screen.
A table with a bottle, wine glasses, and a flower arrangement in a tent at The Great Escape.
Registration page for career expo 2021 with text, architecture, landscaping, and ambiance.
Career Expo 2021 is Now Online! Empower job seekers to engage with employers and expedite the application process by using Virtual Job Boards and much more.
Personalize screenshot illustration showing how to create a choice question on Cvent's event management software.

Listen now - wherever you stream

Listen on Apple Podcasts icon with the Apple Podcasts logo and text in purple and black.
Listen now
Listen on Spotify image with the Spotify logo in green.
Listen now
An icon with the text "Subscribe to RSS Feed" in black and orange colors.
Listen now
Listen on YouTube logo, inviting users to subscribe and enjoy content on the platform.
Listen now

Standard surveys

 

Company

 Contact Country
Alfreds Futterkiste Maria Anders Germany
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

Compound - Form


Case study Slider

The student certification provides invaluable benefits, such as insider insights into meeting, planning and comprehensive Cvent education.

Jeremy C. Clement

MBA, PMP

College of Charleston

I feel like the two-way partnership with Cvent was really valuable, and I always felt listened to

Amy Karimipour

President

AK Consulting Group

Cvent Celebrity...[provides] me with a Cvent family across the globe that shares a passion for event coordinating.

Janelle Russell

Project Coordinator,

Critical Path Institute-AZ

At the end of the day, we pour our hearts and soul into every event we manage so being recognized with this award is so meaningful.

Molly Soat

Vice President, Professional Development,

American Marketing Association

View all

Global Slider

Video
 

105%

YOY increase in RFPs received for Atrium Hospitality

View all

Tooltips is available now!

Want to point out some information about something specific? Use a Tooltip!

 

You can use Tooltips for many things, such as:
Adding an link.
Adding a graph.
Creating a list.
Adding all of your thoughts.

Adding a tooltip  

Heading

Lorem ipsum dolr sit ement Lorem ipsum dolr sit ement

Navattic iframe component

Check out our cool new iframe! fun for demos  

Event summary

Page snippet example

Summary - Resources

Recommended for you

Request a demo

Copy is TBD.

See the power of Cvent in action today

*All fields are required.

First Name
Last Name
Organization
Work Email
Phone (no dashes or spaces)
Job Title
Country
State
Zipcode

Customer quotes

Audience in an auditorium with a projector screen, showcasing event architecture and ambiance.

Cvent helped me so much!

A conference hall with a large gathering of people listening to a speaker on a stage.

Yay! cvent!

Audience in an auditorium with a projector screen, showcasing event architecture and ambiance.

Cvent helped me

Blue sky background with the architectural view of Sana Malhoa Hotel with a banner on the side wall.

fbvebee

Empower your team and reduce the chaos

Request a demo

Effortless event setup

Spin up webinars or virtual events in minutes—drag, drop, done.

Custom branding

Every touchpoint, your logo and style—from invites to event hubs.

Dynamic audience interaction

Polls, Q&A, chat, networking, breakouts, and gamification.

Pro-grade production

Studio-worthy layouts, speaker control, and video—all without a tech ops team.

Built-in promotion

Send branded, targeted invitations and reminders to fill your seats.

blue icon featuring three four-pointed stars or sparkles of varying sizes, arranged diagonally, representing a sparkling or shining effect.

Actionable analytics

Track attendance, engagement, and content views so you can prove ROI, fast.

blue icon featuring three four-pointed stars or sparkles of varying sizes, arranged diagonally, representing a sparkling or shining effect.

Effortless integrations

Connect and push attendance and engagement data to your CRM and MAP. No manual work or lost insights.

blue icon featuring three four-pointed stars or sparkles of varying sizes, arranged diagonally, representing a sparkling or shining effect.

Binge-worthy content library

Every session becomes searchable, reusable, and always available for always-on impact.

blue icon featuring three four-pointed stars or sparkles of varying sizes, arranged diagonally, representing a sparkling or shining effect.

Enterprise-grade security

SOC 2, GDPR, SSO, role-based permissions. Safety, always.

Request a demo

A trusted event partner

Built on 25 years of industry expertise

Designed for the meetings & events industry

Committed to security and responsible AI use

A visual of the EMM platform with the title Annual Summit, and an attendee on the bottom right.
demo-placeholder

Cvent Event Marketing & Management Platform

A visual of the EMM platform with the title Annual Summit, and an attendee on the bottom right.
demo-placeholder

Event Diagramming for Planners

demo-placeholder

Cvent Webinar

Super actionable data for sales follow up.

Implementation Services

Amanda Elam,
Chief Marketing Officer 

Learn more

test slider

100+

countries with affiliate clients

“Passkey is a great tool for us and it creates efficiencies for our hotel partners as well as us as a user. That is the reason we have stayed with the product for more than 20 years.”

Robert Colvin

Chief Operating Officer

Connections Housing

test

Why Cvent

A pixelated image of a person in blue and purple, with a black outline, on a black background.

24/7 support from our ~1,700 customer success team

A blue building with the letter "III" on it, placed on a black background with a blue outline.

Over 8 million events managed

A blue star icon with a letter E in the middle on a black background.

Trusted by 70% of Fortune 500 companies

A pixelated image of a hand holding a puzzle piece with a plus sign on it.

Our security and privacy teams protect your data