This app can be used to view images in a spinning carousel. The carousel will spin automatically, but when the user clicks one of the arrows (or one of the navigation-buttons), the carousel will spin toward that arrow/button. Furthermore the user can interact with the carousel bij clicking one of the images. For each item in the carousel an image and a caption can be specified. The contents of the carousel cannot be defined using the modeler, but should be configured using your application. In other words, the carousel can be adapted dynamically. The images in the carousel will be scaled to fit the width and height of the carousel.
The image carousel comes in two flavors:
The Carousel widget shows images based on (generated) URLs retrieved from the domain model, for optimal performance. It cannot be constrained by the context however. The Dataview Carousel shows images which are stored in the domain model (they should be or derive from System.Image). The images should be retrieved using the object related to a surrounding Dataview object.
For more information on contributing to this repository visit Contributing to a GitHub repository!
The Carousel widget can be placed anywhere in your forms. It does not require any context. The image attribute defined should always contain a URL pointing to the desired image.
The Dataview Carousel should be put inside a dataview. Its images are retrieved over an association. Therefor, the dataview object should have an N --- 0 associaton to the images to be displayed. The actual image displayed is determined by the relation to the caption attribute.
The width of the carousel in pixels
The height of the carousel in pixels
Width of the border around the carousel.
Style of the border around the carousel.
Color of the border around the carousel.
The color of the image navigation.
The url for the arrowimage to use for navigating back.
The url for the arrowimage to use for navigating forward.
Use the image navigation. If the delay is set to 0, the navigation will still show up.
Use the bullets. (Not recommended for more than 6 images)
The location of the image navigation
Delay until the carousel moves to the next image (in ms).
Duration of the transition effect (in ms)
Microflow to be triggered when an image is clicked.
The entity which should be displayed in the carousel
Constraint on the carousel entity.
The caption of a carousel item
The url of the image to be used.
This field is used to sort the images in the carousel, using ascending order.
The width of the carousel in pixels
The height of the carousel in pixels
Width of the border around the carousel.
Style of the border around the carousel.
Color of the border around the carousel.
The color of the image navigation.
The url for the arrowimage to use for navigating back.
The url for the arrowimage to use for navigating forward
Use the image navigation. If the delay is set to 0, the navigation will still show up.
Use the bullets. (Not recommended for more than 6 images)
The location of the image navigation.
Delay until the carousel moves to the next image (in ms).
Duration of the transition effect (in ms)
Microflow to be triggered when an image is clicked.
The entity which should be displayed in the carousel
The caption of a carousel item
This field is used to sort the images in the carousel, using ascending order.