Swiper: Reference

The most advanced mobile-friendly touch slider for Wappler. The most advanced mobile-friendly touch slider for Wappler! Lightweight and fast, App Connect Swiper doesn’t require any JavaScript libraries like jQuery.

Inspector Property Groups

Swiper Properties

Property	Type	Details
ID	text	Required in common setups. Attribute: id
Effect	droplist	Attribute: effect Options: Slide, Fade, Cube, Coverflow, Flip, Cards
Slides Source	text	Attribute: slides Supports dynamic option sources.
Initial Slide	text	Attribute: initial-slide Supports dynamic option sources.
Vertical	boolean	Attribute: vertical
Auto Height	boolean	Attribute: auto-height

Slides Control

Property	Type	Details
Speed	number	Attribute: speed
Slide Delay	number	Attribute: delay
Auto Play	boolean	Attribute: autoplay
Grab Cursor	boolean	Attribute: grab-cursor
Keyboard	boolean	Attribute: keyboard
Mousewheel	boolean	Attribute: mousewheel

Spacing

Property	Type	Details
Offset Before	number	Attribute: slides-offset-before
Offset After	number	Attribute: slides-offset-after

Styling

Property	Type	Details
Theme Color	css_color
Pagination Color	css_color
Navigation Color	css_color
Navigation Size	css_text

Slides View

Property	Type	Details
Space Between	number	Attribute: space-between
Per View	numberorstring	Attribute: slides-per-view
Per Group	numberorstring	Attribute: slides-per-group

General

Property	Type	Details
Space Between	number	Attribute: space-between-sm
Per View	numberorstring	Attribute: slides-per-view-sm
Per Group	numberorstring	Attribute: slides-per-group-sm

Actions

Start

Start the Swiper

Stop

Stop the Swiper

Previous Slide

Go To Previous Slide

Next Slide

Go To Next Slide

Show Slide

Show Specific Slide

Configuration group	Controls
Show Slide Properties	Slide

Dynamic Events

Change

Event option	Type	Details
Action:	text	Choose the action to execute.

Rendered

Event option	Type	Details
Action:	text	Choose the action to execute.