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.
Create a Flexible Page
- Navigate to Manage > Content
- Click Add Content button
- Select 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
Sample Card #2
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!
Carousels are used to showcase several photos with captions in a rotating manner.
Add an image with a styled caption to any part of your page for added context.
Sample 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.
Views allow you to add formatted versions of other content such as people, events, or news items.
Starter Content
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
Add image or video elements behind text in a full width format.
Sample Full Width Media Row
Photo galleries are used to showcase many photos at once with the option to view each photo in more detail.
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.
- Sample bulleted list item
- Sample link
Add an image (like the one on the right) by clicking on the F icon.
- Sample numbered list item
- Another numbered list item
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.
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.
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.