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
Three-time LSU alum Carrie Elks has advice for aspiring researchers at LSU: If you get the chance, "Play for the home team!” Elks embodied that advice by studying at LSU and now as an assistant professor and researcher at Pennington Biomedical Research Center.
LSU student Jake Davis is a true team player. Not only is the Austin, Texas native a member of the LSU football team, but he is also part of the team transforming healthcare for the better as part of the research behind a new test that diagnoses sepsis in minutes.
In the 1930s, Louisiana State University saw a transformative expansion, including the unique incorporation of dormitories, known then as barracks, within Tiger Stadium.
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
The National Fire Protection Association estimates that one home fire-related death occurs in the U.S. every three hours and 14 minutes, and one home fire-related injury occurs every 53 minutes. These are numbers LSU Electrical and Computer Engineering Assistant Professor Xiangyu Meng hopes to change for the better through his design of an intelligent drone that will use thermal technology during rescue operations, particularly for firefighters.
LSU NCBRT/ACE is proud to announce the receipt of a $20.84 million grant from the Department of Homeland Security, awarded through FEMA’s Fiscal Year 2024 National Domestic Preparedness Consortium (NDPC) appropriation. This significant funding, delivered via a cooperative agreement, will bolster LSU NCBRT/ACE’s mission to develop and deliver cutting-edge training and education programs for first responders and public safety officials across the nation.
LSU researchers have been awarded a $1.5 million Pathways to Enable Open-Source Ecosystems, or POSE, grant from the National Science Foundation to advance the ecosystem surrounding HPX, a software library developed at LSU.
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