Hi! It’s out of scope of my plugin. But you can do it by yourself if you are using ajax version of plugin.
First of all on the server side you should determine is there a significant amount of result. If it is you should return corresponding data with group data. Something like this:{
"items": [
"American History X (1998)",
"Apocalypse Now (1979)",
"Alien (1979)",
"American Beauty (1999)",
"Aliens (1986)",
"Amelie (2001)",
"A Clockwork Orange (1971)",
"Amadeus (1984)",
"All About Eve (1950)"
],
"pages": [1,2,3,4,5]
}

I see. I am maintaining existing pages done by other developers. Which version of jQuery should I use? I have to make sure that I can replicate the existing functionality with newer versions of jQuery.

May I know if I can modify your script to suit my needs?
Basically, I want to put images inside the “ml-button” buttons.
Is there anyway to hook into the creation of “ml-button” buttons so that their output HTML can be altered?

Your welcome!
I don’t know exactly about this right, but I think you can. You should check license information.
To change buttons across all the instances of my plugin on your page, you can put this code before monolist initialization (e.g. right after this)jQuery(document).ready(function () {
and change it how you want:$.fn.monolistData.buttonTemplate = function (value) {
return '<button type="button" class="ml-button">' + value + '</button>';
};
For example you can add span or whatever you want that will be holding your images inside the button:$.fn.monolistData.buttonTemplate = function (value) {
return '<button type="button" class="ml-button"><span class="icon" aria-hidden="true" />' + value + '</button>';
};
If it’s not your case or you need more control, then style it as you want in your stylesheets.

After testing, I noticed a few things.
1) Button click is weird. It works fine in FireFox and IE when either the image or button is clicked. However in Chrome, if you click on the image inside the button, the list display becomes blank.

2) I’m trying to display the image inside the button based on the “value” (it’s category name in this case). For example, I might display “category-events.png” for the value “Events & Happenings”, “category-miscel.png” for the value “Miscellaneous”, etc. But it seems to me that the imagePath is null or blank. Any tips?

Hello,
Your javascript is exactly what I am looking for for my website but I have the presale question. I don’t know at all how to deal with the javascript, so I would like to know if it’s easy to integrate within the theme. Do you have this script in plugin ?
Thanks,

Yes, you’ll add my plugin & a little code to initialize it. Of course if you don’t need to asynchronously get data from the server. In that case you need a dev, who’ll write a server side code. What is your case? Did you find a demo which you think is your case?

I readed the configuration page but understood nothing ^. I want to put the list like yours on my fashion designers page, people click a letter to get to the page where they can find all designers shows corresponding to the letter, that’s it ^
But I can not find any script else to do that, only yours, so maybe I will buy this one.

No. My plugin won’t suit your needs, I mean to do what you want here, won’t be just put script & that’s it. You have a pagination here. If all of your shows was loaded altogether than it would be easy, but the performance (page load) will lack. You still can achieve what you want with my plugin, but you’ll need a developer, who can write server-side code.

How to hide the % button and make a specific character the first character to display ,my list is too long I cant show all items?
and how to make some letters as (similar), in arabic the letter Alef can be written in 3 different forms ( ? ? ?)
but they are the same and the plugin will only show one.

Hi! The plugin can’t unite different written forms of a letter to one button.

How to hide the % button

You can’t hide % button unless you enable multilingual support. This feature is based on the assignment of the regular expression’s letters interval. So you need to understand that multilingual feature is limited to Javascript RegExp possibilities. I don’t know the Arabic language, but the basic principle is to point the first and the last letter of the alphabet. For example, for the Russian language you can init plugin with this option:

$('#target').monolist({
addLettersRange: '?-?',
});

How to … make a specific character the first character to display

As pointed in the docs:

By default, after plugin initialization the first available navigation button will be selected. You can assign any button selected. For example, if you want to choose a letter ’s’, you need to initialize the plugin with the next option