WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Pagination on appointments

[Resolved] Pagination on appointments

Viewing 10 replies - 1 through 10 (of 10 total)
  • petegawtry
    Member

    @petegawtry

    Please also be clear in how I can fix this, as Im pretty new to all this 🙂

    petegawtry
    Member

    @petegawtry

    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
    WPMU DEV Support Staff

    @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.

    petegawtry
    Member

    @petegawtry

    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

    petegawtry
    Member

    @petegawtry

    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>

    George Michael
    Member

    @george-michael

    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 🙂

    petegawtry
    Member

    @petegawtry

    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

    George Michael
    Member

    @george-michael

    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 🙂

    petegawtry
    Member

    @petegawtry

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

    George Michael
    Member

    @george-michael

    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 ‘[Resolved] Pagination on appointments’ is closed to new replies.