Add Flexible Pages

Flexible pages are the heart and soul of UA Sites. Flexible pages have a variety of ways to display your content in a unique and customizable way. The list below shows all of the options to display content on a flexible page. Click on each element to see samples and learn more.

You can add elements to a flexible page after creating a flexible page.

Flexible Page Elements

Card Decks (like this one) are used to present information in distinct sections. They are mobile responsive and can be laid out in many different ways.

Sample Card #1

No photo here. But I have a button!

Card decks

Sample Card #2

Students sitting on a bench

My card has a photo!

Sample Card #3

I'm the last card with a lot of text. You can see that all of the cards will match the height of each other. You can also add anything into this text area. Check out the text area page to learn more about your text editing options!

More about card decks

Carousels are used to showcase several photos with captions in a rotating manner.

More about carousels

Add an image with a styled caption to any part of your page for added context.

Sample Image with Caption

More about image with caption

HTML fields are used to make responsive tables or add Bootstrap Grids. Practice in HTML and CSS are required to use these fields.

Marquees are a combination of a large image, a headline, and some text.

More about marquees

Views allow you to add formatted versions of other content such as people, events, or news items.

More about views

Extra Info boxes are styled with a thin grey border around the outside and a blue border on the top for emphasis. They can be aligned left, right, or be full width in the content.

 

Give your page visual interest and break up page content.

Sample Full Width Background Wrapper

More about full width background wrappers

Add image or video elements behind text in a full width format.

 

Sample Full Width Media Row

Students writing and listening, professor teaching.

 

Photo galleries are used to showcase many photos at once with the option to view each photo in more detail.

More about photo galleries

Text areas display regular text and headings on a flexible page.

Sample

This is a sample text area. You can add headings and links, format text, add lists, and more.

Add an image (like the one on the right) by clicking on the F icon.

  1. Sample numbered list item
  2. Another numbered list item

More about text areas

Panel groups are lists that expand and collapse to display additional information, like FAQs.

Test panel A body.

This panel is expanded by default (the collapsed by default setting is unchecked).

Test panel C body.

More about panel groups

The easiest way to add one full width card to a page.

Sample Single Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a nunc libero. Cras varius ut massa nec congue. Nullam eget nisi massa. Duis rutrum quam odio, ultricies facilisis metus faucibus sit amet. Fusce eget risus elit. Nulla vitae porta urna. Mauris sit amet nulla pellentesque dui tincidunt accumsan. Aliquam erat volutpat. Morbi ut pharetra massa. Nam vitae diam id dui tristique maximus. Donec pharetra ipsum finibus cursus semper. Nulla ut justo sem.

Sample link #1 Sample link #2

More about single cards

Wells can be used to break up or highlight specific information.

Sample Well

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a nunc libero. Cras varius ut massa nec congue. Nullam eget nisi massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a nunc libero. Cras varius ut massa nec congue. Nullam eget nisi massa.

More about wells