Version 1.10.15 navigation buttons jquery ui
Version 1.10.15 navigation buttons jquery ui
NickBrown
Posts: 4Questions: 1Answers: 0
So I've upgraded for the first time in a while and fixed most of what got "broken", but have one final issue. My page navigation buttons aren't rendered (using jquery ui theme). Looking at my old version (using version 1.8.4) the <a> elements that comprise the navigation buttons are wrapped around a <span> which has the "ui-icon" class, which is how the icon is applied (background-image). On the new version the <span> element is missing so I don't see the arrow icons. What am I missing?
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
did you include the jquery datatables styling include from the download page?
I am not sure that there are arrows anymore. I dont see them listed https://datatables.net/reference/option/pagingType
You may need to customize them and put in your own icons.
https://datatables.net/reference/option/language.paginate
Yes - I've included the Jqueryui CSS.
I'm using pagingType: simple - 'Previous' and 'Next' buttons only.
This is what the jQuery UI styling in DataTables looks like these days.
It doesn't use the arrow icons as it wasn't good for accessibility - the label text is much clearer. If you do want the arrow icons you can use
language.paginate.first(and its friends) to set the text to be an empty string, and then use CSS to put the icon in place.Allan
Thanks allan, I hadn't set the language text for the buttons, because I was using the icon image previously.