In this tutorial we’re going to cover how you can use block slider controller blocks to control your slider explicitly.
Types of slider controllers
Block slider currently offers 2 different types of slider controller blocks:
- Next/Previous Controls
- Pagination Controls
Let’s go through each slider controller block and learn how you can use them in your next slider.
Next/Previous controls allows user to slide to a desired slide when clicked on the button.
Inserting a navigation block?
In block slider, a slider controller block is inserted using a “Slider Controller” block.
Types of navigation blocks
At the time of this tutorial, there are currently 4 types of navigation controls available:
- Next Control
- Previous Control
- Last Control
- First Control
All of the above controller blocks are pretty self-explanatory. Lets go through each one of the navigation control in details
Takes the user to the next slide when the “next control” navigation button is clicked.
Takes the user to the previous slide when the “previous control” navigation button is clicked.
Takes the user to the last slide when the “last control” navigation button is clicked.
Takes the user to the first slide when the “first control” navigation button is clicked.
Pagination controller blocks allows user to specifically jump to a certain slide.
Inserting a pagination controller
You can also insert a pagination controller block using the “Slider Controller” block.
Types of pagination controllers
Currently, block slider offers 6 types of pagination controller blocks
- Dot Control Pagination
- Number Control Pagination
- Upper Alphabets Control Pagination
- Lower Alphabets Control Pagination
- Upper Roman Control Pagination
- Lower Roman Control Pagination
Let’s go through each one of the pagination controller in details.
A dot control pagination consists of a dot representing each slide in a slider, It will navigate the slider to it’s respective slide when the user click a certain dot.
A number control pagination is similar to the dot control pagination, with the only difference of including slide index inside the dot.
Upper Alphabets Controls & Lower Alphabet Controls
These another 2 types of pagination controls are pretty similar, these pagination controls includes an alphabetic representation of the current slide inside with a difference of alphabet cases.
Upper Roman Controls & Lower Roman Controls
Grouping another two types of pagination controls, these pagination controls includes an roman counts of the current slide inside with a difference of roman cases.