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
Janice Pearson, a Natural Resource Management grad from Baton Rouge, is joining LSU’s waterfowl lab as a Wildlife Research Technician, turning her student work into a career protecting Louisiana’s ecosystems.
LSU’s Early Childhood Education Institute sponsored Manic Monday, hosted at the LSU Early Childhood Education Laboratory Preschool. The event brought Baton Rouge business leaders to campus for a look at what it’s like to be an early childhood educator.
LSU Online and Continuing Education has been selected by OnlineU as one of the best military-friendly online colleges for 2025, demonstrating that LSU Online understands what military students need, especially those studying online.
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.
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
Carlton "Trey" Jones, III has been named Vice President of Legal Affairs and General Counsel. A seasoned legal professional and proud LSU alumnus, Jones brings over two decades of experience in higher education law, litigation, and institutional governance to the university's executive leadership team.
LSU has named Russell Crook the dean of the E. J. Ourso College of Business, effective July 28, pending approval by the LSU Board of Supervisors. A distinguished scholar and proven leader, Dr. Crook brings over two decades of experience in higher education and business to the role.
LSU is proud to announce its selection for the 2nd year as an Institute Partner for the 2025 Mandela Washington Fellowship for Young African Leaders. Beginning in mid-June, LSU will host 25 of Africa's emerging Civic Engagement leaders for a six-week Leadership Institute, sponsored by the U.S. Department of State.
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