Horizontal Tabs
How to Use
- Tabs make it easy to explore and switch between a lot of content in a limited space.
- Tabs are primarily used on program pages to present an overview of the program and curriculum but may be used elsewhere when appropriate.
- Tab Content can include rich content such as photo, video, buttons, and links.
- Tab labels should be very clear and succinct, usually no more than two to three words.
- On small resolutions, Tabs become accordion menus.
How To Build
- First add the tab container by going to "Layouts" in the top right of the screen
- You will see a layout called Horizontal Tabs, drag it to the location you would like Tabs to appear.
- Switch back to the "Content" section in the top right.
- Drag the "Horizontal Tab" component into the Layout section you just created. Each "Horizontal Tab" component you add will be another tab in the group.
- DO NOT add any other components into the Horizontal Tabs section other then Horizontal Tabs.
- ONLY place Horizontal Tabs into Horizontal Tab sections. Adding a Tab component into a general column will not work.
- Click the Edit pencil of the Tab Component.
- Fill out the form in the pop-up
- Title: the name of the tab
- Description: the tab content
- Image: optional if you would like an image in the tab
- Image Aliment: If you chose to add an image, you can choose to put it on the left or right
- Click Save
Note: You will not see the content appear as tabs in the backend, it will appear and normal content with headers. Use the preview button to view your content in the actually tabs before publishing.
Content Guidelines
Example Tab
Custom Example
Undergraduate Tuition & Fees
DeSales can help make your college expenses affordable through a combination of grants, loans, student employment, and scholarship resources.
View a comprehensive list of financial aid forms and undergraduate program information sheets
Cost of attendance for undergrads for 2024-2025
Resident Students
Direct Costs
Tuition - $45,000
Room and Board - $13,800
Mandatory Fees - $1,800
One-time Orientation Fee for First-Year students and Transfers - $200
Total = $60,800 (including first-year/transfer fees)
Estimated Indirect Costs
Books/Supplies - $1,711
Personal Expenses - $4,605
Total cost for resident students: $67,116
Commuter Students
Direct Costs
Tuition - $45,000
Mandatory Fees - $1,400
One-time Orientation Fee for First-Year students and Transfers - $200
Total = $46,600 (including first-year/transfer fees)
Estimated Indirect Costs
Books/Supplies - $1,711
Personal Expenses - $4,605
Transportation Costs - $1,908
Living Expenses - $2,298
Total cost for commuter students: $57,122
Off-Campus*
Direct Costs
Tuition - $45,000
Mandatory Fees - $1,400
One-time Orientation Fee for First-Year students and Transfers - $200
Total = $46,600 (including first-year/transfer fees)
Estimated Indirect Costs
Books/Supplies - $1,711
Personal Expenses - $4,605
Transportation Costs - $1,908
Living Expenses - $9,192
Total cost for off-campus students: $64,016
*First-year students are required to reside on campus or commute from home.
Parking Fee - $100
View a comprehensive list of financial aid forms and undergraduate program information sheets
Dual Degree Undergraduate-to-Graduate Programs
If you are enrolled in an undergraduate-to-graduate degree program — for example a 5-year, 3+2, 3+3, program — the undergraduate tuition and fees apply only to the undergraduate portion of the program. As you progress into the graduate phase of your program, graduate tuition and fees apply. Please see your respective graduate program for more information.
The financial aid process may appear overwhelming at first glance, but don't worry, we'll help you through it.
Accepted students are automatically considered for scholarships upon receipt of a completed application and are awarded regardless of financial need. Funds for scholarships are limited, so we do encourage students to apply early.
Our comprehensive financial aid packages carefully explain the types and amounts of assistance —including federal, state, and institutional — that you may be eligible for to help cover education related expenses.
Total cost of attendance includes estimates for tuition, fees, room, board, books, and personal, transportation, and living expenses.
You can estimate your total cost of attendance with our Net Price Calculator