Banner Carousel - Present images in a carousel

Content Type: Widget
Categories: User Interface,Visualization

Overview

The Banner Carousel Widget is a Mendix pluggable widget that allows you to create and display a carousel of banners or images on your Mendix application pages. The widget offers customization options for both content and visual appearance.

Documentation

Banner Carousel Widget

The Banner Carousel Widget is a Mendix pluggable widget that allows you to create and display a carousel of banners or images on your Mendix application pages. The widget offers customization options for both content and visual appearance.


Features

  • Display a carousel of banners or images with titles, subtitles, and descriptions.
  • Customize the width and height of the displayed images.
  • Choose whether to show images as backgrounds.
  • Control the text color displayed on the carousel images.
  • Enable auto-advancement to the next slide with a specified time interval.
  • Tilt effect on hover to create an interactive experience.


Configuration

Datasource (List): Connect this to your data source containing banner information. Connect the following attributes to corresponding data fields in your entity:

  1. `title` (Attribute - String): The title of the banner.
  2. `subTitle` (Attribute - String): The subtitle of the banner.
  3. `description` (Attribute - String): The description of the banner.


Theme Customization

  1. `Width` (Integer, default: 500): Set the width of the displayed images in the carousel.
  2. `Height` (Integer, default: 300): Set the height of the displayed images in the carousel.
  3. `Show Background` (Boolean, default: false): Toggle to display the image as the background of the carousel.
  4. `Text Color` (Enumeration, default: black): Choose the color of the text displayed on the carousel image.
  5. `Auto Next Slide` (Boolean, default: false): Enable auto-switching to the next slide.
  6. `Auto Next Time` (Integer, default: 3): Set the time in seconds for each slide before automatic transition.


Tilt Effect

The carousel images are equipped with a subtle tilt effect on hover, enhancing the user experience by providing an interactive feel.


Usage

  1. Install the Banner Carousel Widget in your Mendix project.
  2. Configure the widget properties according to your requirements.
  3. Connect the datasource and map the attribute properties.
  4. Place the widget in the desired location on your Mendix page.


Compatibility

This pluggable widget is compatible with Mendix version 9.0.5 and above.


Known Issues

[None]

Releases

Version: 1.0.0
Framework Version: 9.0.5
Release Notes: - Initial release