MultiDevice Carousel Portlet
AIMDek Technologies Pvt. Ltd.
Data Modeling & Business Logic
Description
Carousels provide an interactive way of cycling through visual elements and are an effective means of communicating information to users. Aimdek's MultiDevice Carousel Portlet module makes it very easy to get an image carousel up and running in no time flat. This Carousel portlet allows you to configure images for different devices like desktop, tablet and mobile. It also allows to configure time interval to scroll images.
- Setup/Configuration
1. Add Carousel portlet in any page of liferay site
2. Open configuration of portlet
3. Set Height of banner image if It is fixed. Or keep this value 0 for auto adjustment and better resolution
4. Add banner interval value in seconds. This interval second use for auto sliding banner
5. Click on “Add Banner” button to add more banners
6. While you add a banner, You will see 4 fields, Banner URL, Desktop image, tablet image, mobile image. Banner URL is an optional field. If you want a clickable banner and want to redirect on link while clicking on banner, Add URL here. Banner URL is different for each banner. Keep it empty where you don’t want clickable banner
7. You can choose different images for desktop (771 px or more width), Tablet(420px to 770px) and Mobile( 420px or less). If these banners are the same in all devices then You can choose the same image for all three options.
8. Save
9. In Case if Images are not stored and bannerImageFolder is not created in Documents and Media automatically then create bannerImageFolder folder in Documents and Media and repeat above steps to create banner.
10. To adjust the banner in full screen, update the look and feel of the portlet. Open Look and feel from portlet settings. Click “General” -> Edit “Application Decorators” to “Barebone”. Save.
- Note:
1) For Liferay 7.1 , We might have to create bannerImageFolder folder(root folder) manually in Documents and Media.
2) Sometimes Liferay throws “com.liferay.document.library.kernel.exception.FileSizeException” if you select a large image for banners.
To resolve that we need to increase max allow file size from liferay configuration. Please find below steps to do that.
Control panel -> configuration -> System Settings -> Infrastructure -> Upload servlet request. Increase “Overall Maximum Upload Request Size” as per your requirement.
- Setup/Configuration
1. Add Carousel portlet in any page of liferay site
2. Open configuration of portlet
3. Set Height of banner image if It is fixed. Or keep this value 0 for auto adjustment and better resolution
4. Add banner interval value in seconds. This interval second use for auto sliding banner
5. Click on “Add Banner” button to add more banners
6. While you add a banner, You will see 4 fields, Banner URL, Desktop image, tablet image, mobile image. Banner URL is an optional field. If you want a clickable banner and want to redirect on link while clicking on banner, Add URL here. Banner URL is different for each banner. Keep it empty where you don’t want clickable banner
7. You can choose different images for desktop (771 px or more width), Tablet(420px to 770px) and Mobile( 420px or less). If these banners are the same in all devices then You can choose the same image for all three options.
8. Save
9. In Case if Images are not stored and bannerImageFolder is not created in Documents and Media automatically then create bannerImageFolder folder in Documents and Media and repeat above steps to create banner.
10. To adjust the banner in full screen, update the look and feel of the portlet. Open Look and feel from portlet settings. Click “General” -> Edit “Application Decorators” to “Barebone”. Save.
- Note:
1) For Liferay 7.1 , We might have to create bannerImageFolder folder(root folder) manually in Documents and Media.
2) Sometimes Liferay throws “com.liferay.document.library.kernel.exception.FileSizeException” if you select a large image for banners.
To resolve that we need to increase max allow file size from liferay configuration. Please find below steps to do that.
Control panel -> configuration -> System Settings -> Infrastructure -> Upload servlet request. Increase “Overall Maximum Upload Request Size” as per your requirement.
Liferay is trademark of Liferay, Inc., Liferay International Limited and/or Liferay Affiliate, registered in the United States and/or other countries.
Release Summary and Release Notes
| Version | Change Log | Supported Framework Versions | Date Added |
|---|---|---|---|
| 1.0.0.0 |
Liferay DXP 7.1 GA1
Liferay DXP 7.2 GA1+
|
2021-06-24 |
Profile
AIMDek delivers strategy, consulting and outsourcing services in digital technologies to it's customers around the world. We have been working hand-in-hand, with businesses & startups in solving problems by building digital products and solutions. We design, build and operate enterprise grade softwares with primary focus on Performance, Accuracy, User Experience (UI / UX) and Maintainability. With our expertise in technology and industry knowledge, we offer services on Enterprise Portal (EP), Enterprise Content Management (ECM), Electronic Health Records (EHR), Business Process Management (BPM), Enterprise Application Integration (EAI), Business Intelligence (BI), Enterprise Mobility, Big Data, Data Analytics & Insights. Having clients from various industries, we are specialised in Healthcare, Manufacturing, eCommerce, Sports & Fitness, Education, Insurance and Banking industries. AIMDek has built large and complex systems with many 3rd party system integrations on Liferay. We have built multi-tenant, multi-platform systems for Healthcare and end-to-end eCommerce systems from scratch using Liferay.
DEVELOPER
AIMDek Technologies Pvt. Ltd.
Published Date
Version
1.0.0.0
Supported Versions
7.2, 7.1
Edition
EE
Price
Free
Help & Support
Terms & Conditions
SHARE LINK
Installation Instructions
This is a Legacy App that is no longer available in the new App Marketplace. You are able to acquire it from your installed DXP or CE instance and install it by following the instructions below.
Acquiring this App through the legacy Liferay Portal Store
- Review app documentation for any specific installation instructions.
- Login to your Liferay Portal instance with administrative permissions.
- Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Store.
- If needed, login to your Liferay.com account by choosing Sign In.
- Search for the app name in the Search dialog.
- Once the app is found, click on the app in the search results.
- On the app details page, choose to acquire the app by selecting the Free, Buy, or Trial button.
- Follow the instructions on the screen to complete the acquisition.
Installing this App through legacy Liferay Portal Purchased Apps
- After acquiring the app, login to your Liferay Portal instance with administrative permissions.
- Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Purchased.
- If needed, login to your Liferay.com account by choosing Sign In.
- Click the Install button to install your app on your Liferay Portal instance.
See the legacy App Marketplace help documentation for more information.