Components
Components are a form-based type of reusable content that allows non-HTML content managers to leverage complex styling or coding.
To use a component:
- When in Edit mode, place cursor in the location you would like the feature to appear
- Select "Insert Component"
- Select the Component
- Add content to the Component Fields
[Fierce] Animated GIF with pause
The following information is need to use this component:
- Static image (png, jpg, or gif) - preferably a still of the animation, must use same ratio as animated gif
- Animated image (gif)
- Height and width you want the image to displayed
- Image margin
[Fierce] [Blog] Blog Listing
This component contains the following customizations:
- [OPTIONAL] Title
- [OPTIONAL] Number of Blog Items
- [OPTIONAL] Filter by Tag
- Filter Condition (Any or All)
- Display Type (Card or Articles)
Card Style
Blog Listing
If you’ve seen students strolling LSU’s campus with puppies in yellow and blue vests emblazoned with “future service dog,” then you’ve seen LSU’s Service Dog Training Education Program (STEP) Club at work. Through the national organization Canine Companions, STEP engages students who do hands-on puppy-raising, preparing them for further training as service dogs for adults or children with conditions like cerebral palsy, Down syndrome, deafness, and more.
An estimated one million people are living with Parkinson’s disease in the U.S. While there is no cure, Professor Jan Hondzinski shares her research with the Parkinson’s community to help them lessen symptoms and improve their quality of life.
Article Style
Blog Listing
[Fierce] [Calendar] Calendar Listing
This component contains the following customizations:
- [OPTIONAL] Title
- Number of Calendar Items
- [OPTIONAL] Filter by Category
- Filter Condition (Any or All)
- Display Type (Carousel or Articles)
Carousel Style
Calendar
Article Style
[Fierce] Gallery with Options
This component contains the following customizations:
- Gallery Asset
- Gallery Output Type (Popup Slideshow Gallery, Carousel Gallery, Lightbox Gallery)
- [OPTIONAL] Loop Popup Slideshow
- [OPTIONAL] Slideshow Arrows
- [OPTIONAL] Slideshow Buttons (Auto Play, Full Screen, Thumbnails, Close)
- [OPTIONAL] Autoplay
- [OPTIONAL] Autoplay Speed
- [OPTIONAL] Carousel Arrows
- [OPTIONAL] Loop Carousel
- [OPTIONAL] Initial Slide
- [OPTIONAL] Slides to Show
- [OPTIONAL] Slides to Scroll
Popup Slideshow Gallery Type
Carousel Gallery Type
Louisiana State Seminary in Pineville, Louisiana. - Rendering of original campus.
Cadets in Veterinary Classroom, circa 1900 - LSU cadets
Football Team, 1900 - LSU football team
Dairy Barn Groundbreaking, 1922 - dairy barn
Memorial Tower circa 1926 - memorial tower
CC Club, 1911 Gumbo - Coed Club
Huey P. Long and Cadets of the Ole War Skule, circa - former governor Huey P. Long and cadets
Freshmen in Greek Theater - students
Law Students, circa 1960s - law students
Tureaud Hall Dedication - dedication ceremony
Shaquille O'Neal and Dr. William Jenkins - former chancellor and alumnus
Summer Commencement 2014 - commencement in the Maravich Assembly Center
Lightbox Gallery Type
[Fierce] [News] News Listing
This component contains the following customizations:
- [OPTIONAL] Title
- RSS Feed
- [OPTIONAL] Number of News Items
- [OPTIONAL] Filter By Tag
- Filter Condition
- Display Type (Cards, Carousel, or Articles)
Cards Style
News Listing
For four straight years in a row, LSU has soared in research. In the 2023-2024 academic year, LSU's research campuses in Baton Rouge, New Orleans, and Shreveport achieved a record-breaking $543 million in combined research activity. Not only did this lead to life-changing discoveries and support thousands of jobs--the direct economic impact of LSU research on Louisiana is higher than ever, estimated at $1.5 billion.
In fall of 2025, LSU will launch a new instructional site on its Baton Rouge campus for its nationally recognized Bachelor of Science in Nursing (BSN) program.
Each year, LSU's Office of Research & Economic Development honors the exceptional research and scholarship of two LSU faculty as Distinguished Research Masters.
Carousel Style
News Listing
Articles Style
News Listing
[Fierce] Responsive Video Embed
This is a simplied version of a video embed. The following information is needed to use this component:
- Video URL, make sure you are using the "embed" version of the URL if the service you
are using requires special encoding.
- YouTube embed links contain /embed/ in the URL path
- Do not use the full iframe code, only the URL is needed
- Title of the Video for accessibility compliance
- Width of embed display (100% or 50% of container are available options)
- If displayed at 50%, the video may also be floated left or right of text