The easiest way to use the plugin. There is a list and now there is a navigation by first letter of each item.
$('#target').monolist();
By default, navigation buttons will be placed in a div before the list.
You can place them wherever you want by creating your own container for buttons and passing it to the buttonsContainer
option.
$('#target').monolist({
buttonsContainer: '.my-own-container'
});
The plugin creates navigation buttons with class ml-button
.
If you are using any frontend framework, it may make sense to change the default button template.
For example, if you are using Bootstrap, you can replace the template as follows:
$.fn.monolist.buttonTemplate = function (value) {
return '<button type="button" class="btn btn-default">' + value + '</button>';
};