Carousel
Description:
Carousel
Carousel is a slideshow component for cycling through elements
Allowed Parent Components:
Col
Horizontal Section
InfoWindow
Page
Popup
Tab Item
Vertical Section
Allowed Child Components:
Card Wrapper
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
Last updated
Was this helpful?