Create a Dynamic Image Slider in Liferay CE/DXP - Fragment Tutorial
Learn how to create a dynamic, auto-playing image slider in Liferay CE Portal 7.4 / DXP 2023 Q4.0 using Fragments. In this episode, you'll build a fully customizable and responsive slider with: ✅ Fullscreen image slides ✅ Editable headings and descriptions ✅ Custom slide navigation text ✅ Auto-slide functionality with manual override ✅ Liferay-friendly design (works in Community Edition & DXP) 🎯 Whether you're building a landing page, homepage, or marketing banner — this slider fits perfectly! 🔧 In this video, you will learn: 00:00 - Introduction 00:30 - Create a new Fragment 02:00 - Add dynamic HTML and editable fields 04:00 - Style with CSS (full-screen layout) 06:00 - Add JavaScript for auto-slide and navigation 08:00 - Test and validate 📚 Watch the full Liferay CE/DXP tutorial playlist here: 👉https://www.youtube.com/watch?v=RJ2yJRtsznE&list=PL1HBbf9pojoJGRxZYXMJ34vAYEPhdckYy 🔔 Don’t forget to Like, Subscribe, and hit the bell icon for updates! #Liferay #LiferayTutorial #LiferayCE #ImageSlider #LiferayFragments #DXP #Liferay7_4 #LiferayPortal #opensourcecms Liferay, Liferay CE, Liferay DXP, Liferay 7.4, Liferay tutorial, liferay fragment, liferay image slider, liferay banner slider, liferay portal tutorial, liferay content page, liferay CMS, liferay fragments tutorial, liferay beginner, liferay training, how to use liferay, liferay UI, liferay development, liferay portal 7.4, liferay dxp 2023 q4, image slider liferay fragment, dynamic slider liferay #Liferay #LiferayCE #LiferayDXP #LiferayTutorial #ImageSlider #Fragments #WebDevelopment #Liferay7_4 #OpenSourceCMS
Download
0 formatsNo download links available.