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
Honoring a spring 2024 graduating class representing 57 Louisiana parishes, all 50 states and 57 countries, LSU awarded a record 4,949 degrees to graduates at the university’s 313th commencement exercises on Friday and Saturday, May. 17-18.
LSU Health New Orleans researchers have developed a novel, non-addictive, non-toxic painkiller that offers the hope of pain relief while also addressing the opioid crisis through safer, more effective pain management solutions for people worldwide.
Darah Haidet's journey at LSU and with the Tiger Girls dance team has included back-to-back national championships and an NIL endorsement deal. Darah is a broadcast journalism major in the Manship School of Mass Communication.
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
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
In hospitals nationwide, more people die from sepsis than from anything else. It’s more deadly than opioid overdoses, breast cancer and prostate cancer combined, and is the leading cause of hospital admission and readmission. It’s also one of the most difficult diseases to diagnose. But since August, a new sepsis test based on LSU and Our Lady of the Lake Health research and advances in microfluidics is saving lives and cost at Our Lady of the Lake Health in Baton Rouge, Louisiana.
The Bronstein Prize is awarded every two years to a leading postdoctoral scholar in loop quantum gravity, an area in theoretical physics that helps bridge general relativity with quantum mechanics to provide a deeper understanding of our universe and everything in it. LSU is one of the top three universities for loop quantum gravity research in the United States.
LSU awarded 4,949 degrees during the university's 313th commencement exercises Friday, May 17, and Saturday, May 18. These new LSU alumni and their hometowns can be viewed on the LSU Graduates List on the LSU Commencement Website. The previous record was 4,563 in Spring 2022.
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