• Resolved refleteomunica

    (@refleteomunica)


    When I click to change the calendar month, the entire page updates and returns to the top. How do I update only the calendar instead of updating the whole page on which it is?

Viewing 13 replies - 1 through 13 (of 13 total)
  • You could put the calendar into an iframe within your page to prevent the entire page reload.

    Thread Starter refleteomunica

    (@refleteomunica)

    I have already worked with iframe in WordPress on some other websites and had problem with this feature. Is there any other way to do this without using iframe?

    There may be a way with Javascript, but I don’t know offhand.

    Thread Starter refleteomunica

    (@refleteomunica)

    Can you tell me which term should I search for this javascript function?

    Thread Starter refleteomunica

    (@refleteomunica)

    I tried with the iframe and it did not work. How can I turn the month-to-month link link back to the anchor link type? This way, the page will continue to refresh whole, but will not return to the top of the page

    An iframe works for me, for both the next/prev month arrows and the drop-box selecting the month.

    What theme are you using?

    Thread Starter refleteomunica

    (@refleteomunica)

    I’m using Greatmag theme.

    I got it to work using your theme. I added the following to a test page, where the link goes to a page that contains the calendar shortcode.

    <div style="overflow:hidden;">
    <iframe scrolling="no" src="http://example.com/calendar-page" style="border: 0px none;
        margin-left: -20px;
        height: 1600px;
        margin-top: -480px;
        width: 926px;">
    </iframe>
    </div>
    Thread Starter refleteomunica

    (@refleteomunica)

    Now it worked, but he was not responsive. Can you check this question, please?

    http://www.2em1consultoria.com.br/

    Calendar is on the Homepage

    Try this for the iframe styles:

    ` border: 0px none;
    margin-left: -20px;
    height: 1050px;
    margin-top: -380px;
    width: 100%;`

    Thread Starter refleteomunica

    (@refleteomunica)

    It did not work, with this setting, the calendar no longer appears on mobile

    You would likely need to add different rules to correspond to the various responsive sizes. It seems like we are trying to fit a square peg into a round hole.

    Thread Starter refleteomunica

    (@refleteomunica)

    Okay, I’ll try other values. Thank you!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Change of month updates the entire page’ is closed to new replies.