Carousel

Description:

Carousel

Carousel is a slideshow component for cycling through elements

Allowed Parent Components:

1. Col

2. Horizontal Section

3. InfoWindow

4. Page

5. Popup

6. Tab Item

7. Vertical Section

Allowed Child Components:

1. Card Wrapper

2. Trigger Before Render

Properties

➤ Autoplay

Check this to active autoplay mode.

Allowed Values: Yes/No

➤ Pause On Hover

Pause autoPlay when mouse is over carousel.

Allowed Values: Yes/No

➤ Autoplay Interval

Interval for autoplay iteration. default 3000 milliseconds

Allowed Values: Any number value

➤ Speed

Animation duration/Transition speed in milliseconds

Allowed Values: Any number value

➤ Slide Index

Manually set the index of the slide to be shown. Default 0.

Allowed Values: Any number value

➤ Slides To Show

Number of slides to show at once. Default 1.

Allowed Values: Any number value

➤ Slides To Scroll

Slides to scroll at once. Defaults to 'Slides To Show'

Allowed Values: Any number value

➤ Dragging

Enable mouse swipe/dragging.

Allowed Values: Yes/No

➤ Swiping

Enable touch swipe/dragging

Allowed Values: Yes/No

➤ Vertical

Enable the slides to transition vertically

Allowed Values: Yes/No

➤ Hide Next Prev

Check to remove the next & prev controls.

Allowed Values: Yes/No

➤ Hide Paging Dots

Check to remove the bottom center paging dots control.

Allowed Values: Yes/No

➤ Wrap Around

Sets infinite wrapAround mode.

Allowed Values: Yes/No

➤ Loop Slides

Check this to loop the slides with respect to the records

Allowed Values: Yes/No

➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

➤ Insert Allowed

Allowed Values: Yes/No

➤ Update Allowed

Allowed Values: Yes/No

➤ Delete Allowed

Check to enable deleting the existing row.

Allowed Values: Yes/No

➤ Mask Page On Post

Check to enable page masking on save.

Allowed Values: Yes/No

➤ Do Not Monitor Query Request

Check to disable monitoring query request.

Allowed Values: Yes/No

➤ Silent Server Validate

Check to enable silent server validate.

Allowed Values: Yes/No

➤ Silent Fetch

Check to enable silent fetching.

Allowed Values: Yes/No

➤ Make New Records Dirty

Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'

Allowed Values: Yes/No