Problem with the four button plug in pagination

Problem with the four button plug in pagination

manil22manil22 Posts: 6Questions: 0Answers: 0
edited September 2011 in Plug-ins
Hi,

I am using the four button plug-in for pagination to display FIRST, PREIOUS, NEXT, LAST buttons. Buttons functionality is working perfectly, but the problem I am facing is display of the buttons. In one row FIRST, PREVIOUS buttons and below to these NEXT, LAST buttons are displaying. And also these button names are displaying above the button image which looks ugly.


Is there any way we can customize them to display properly as we like.

Thanks,
-Anil

Replies

  • manil22manil22 Posts: 6Questions: 0Answers: 0
    Using CSS file I cusotomized all the problems reported in my earlier post. One small problem I am facing now is, I have to display the different images for FIRST & LAST buttons. Present FIRST and LAST buttons are displaying the same images of PREIOUS and NEXT.

    Is there a way we can cutomize these images?

    Thanks,
    -Anil
  • jp_noronhajp_noronha Posts: 59Questions: 0Answers: 0
    just make new image buttons and change in css file.

    I made a joint plugin like that, with just the 4 buttons and a listbox between them, thks to allan and jneilliii.
  • manil22manil22 Posts: 6Questions: 0Answers: 0
    Thx for your help on this. I created the new images and updated the CSS file by adding the below code.
    Still these are not getting reflected in my screen. I have to modify/change the code in any other places? Please let me know.

    [code]
    .paginate_disabled_first {
    background-image: url('../images/first_disabled.jpg');
    }

    .paginate_enabled_first {
    background-image: url('../images/first_enabled.jpg');
    }
    .paginate_disabled_last {
    background-image: url('../images/last_disabled.jpg');
    }

    .paginate_enabled_last {
    background-image: url('../images/last_enabled.jpg');
    }
    [/code]

    Thanks,
    -Anil.
  • jp_noronhajp_noronha Posts: 59Questions: 0Answers: 0
    have you the correct path ?
    it's allways those simple things that make me loose so much time ;)
  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin
    I wonder if it might just be that the container around the pagination controls has a width applied to it which is too small, and thus forcing the second two buttons to break onto the second line? A poke around in Firebug should be able to say if this is the issue? If not, a link you be very handy!

    Allan
  • fbasfbas Posts: 1,094Questions: 4Answers: 0
    and purge your cache
  • manil22manil22 Posts: 6Questions: 0Answers: 0
    It's working fine now. All above mentioned issues are resolved now. Thanks for all the people who helped me on this issue :-)

    Thanks,
    -Anil
This discussion has been closed.