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
February is known as the month for love, and it’s also Potato Lovers Month! It’s the perfect time to talk about one of the world’s most popular (and misunderstood) foods. Potatoes often get a bad rap, but new research is showing they can actually play a role in weight loss and improving insulin resistance—especially for people with obesity or type 2 diabetes.
LSU Campus Life's Mardi Gras Mambo event, featuring colorful floats, music, beads, food, and more is an opportunity for Tigers to let the good times roll just a little early.
By 2030, it’s projected that 2.3 million Americans will be affected by cancer each year. At LSU, our work will contribute to finding new cancer-fighting drugs. Fatima Rivas, LSU chemistry assistant professor, is driven to develop new cancer-fighting drugs, specifically targeting triple-negative breast cancer—an aggressive form with limited treatment options.
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
Calendar
[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
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
An LSU-led research team is developing a new class of antibiotics capable of bypassing the defenses of drug-resistant bacteria, which otherwise make it difficult to cure chronic infections.
On Friday, February 21, the LSU E. J. Ourso College of Business will host AI in Action: Leading in Louisiana Industries; a symposium dedicated to exploring how artificial intelligence (AI) is driving innovation in critical sectors that define Louisiana's economy.
A $9.575 million gift from the William A. Brookshire Foundation will establish the William A. Brookshire ROTC Scholarship, support the new LSU Construction & Advanced Manufacturing Building, and strengthen the LSU College of Engineering's S&B Engineers and Constructors Scholarship, LSU's Future Scholars Program and the William A. Brookshire Veterans Law Clinic.
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