Support » Plugin: Appointments » Pagination on appointments

Viewing 10 replies - 1 through 10 (of 10 total)
  • Please also be clear in how I can fix this, as Im pretty new to all this 🙂

    Sorry just read my post back. The reference to not finding where to post was on your own website. I emailed someone from WPMU Dev and they told me to post on here and you will get back to me ASAP.

    Please do get back to me ASAP. As the pagination thing is driving me mad

    Pete

    J K

    (@jack-kitterhing)

    Hi there Pete,

    Hope you’re having a great day! 🙂

    I’ve just checked your site, but I’m not seeing any pagination there at all, screenshot here http://monosnap.com/image/VDUGxKJZhn0e01vtyUd705a1bq1v6U#

    Could you let me know which shortcodes you are using on your appointments page please? 🙂

    Thank you!

    Kind Regards
    Jack.

    Hi Jack

    Thank you for the reply. Like I said its in the very far right hand corner

    I have done a screen grab for you – I have uploaded to dropbox

    https://www.dropbox.com/s/o0lttg58z7edwyc/pagination.tiff

    The pagination I am using is

    [app_pagination step=”2″ month=”1″]

    Please let me know ASAP

    Cheers
    Pete

    The shortcodes I am using is these.

    [app_monthly_schedule add=”1″]
    <table>
    <tbody>
    <tr>
    <td colspan=”2″>[app_my_appointments]</td>
    </tr>
    <tr>
    <td>[app_services]</td>
    <td>[app_service_providers]</td>
    </tr>
    <tr>
    <td colspan=”2″>[app_monthly_schedule]</td>
    </tr>
    <tr>
    <td colspan=”2″>[app_pagination step=”2″ month=”1″]</td>
    </tr>
    <tr>
    <td colspan=”2″>[app_login]</td>
    </tr>
    <tr>
    <td colspan=”2″>[app_confirmation]</td>
    </tr>
    <tr>
    <td colspan=”2″>[app_paypal]</td>
    </tr>
    </tbody>
    </table>

    Hey Pete,

    Many thanks for your reply, working with Jack on this 🙂

    I see that div.appointments-pagination .next element has “position:absolute;” defined in its CSS.

    However, absolute positioning works relatively to the position of the parent element only if that element has “position”relative;”. So you will have to add “div.appointments-pagination { position:relative;}” in your CSS.

    http://www.w3schools.com/cssref/pr_class_position.asp

    So here is the CSS code that you’ll have to use :

    .appointments-pagination {
        position : relative;
        margin-bottom : 150px
    }

    And this one as well, in order to fix the width of that element :

    .next {
        position : relative;
        width : 100%;
    }

    Please let me know if that works for you 🙂

    EXCELLENT !!!

    It worked.. you guys rock.. Thank you for the great support. Fantastic..

    Have a great weekend. Don’t work too hard 🙂

    All the best

    Pete

    Hey Pete,

    Many thanks for your reply and I’m really glad we were able to help 🙂

    Please don’t hesitate to let us know if we can be of any further assistance!

    Have a great weekend 🙂

    You can .. its only a small thing George. I will submit a new ticket for it right now.

    Hey Pete,

    Sure thing 🙂 Just open a new support ticket and we’ll assist you further.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Pagination on appointments’ is closed to new replies.