0
Undo
Votes
With the monthly calendar, when you click the next month from the dropdown, it reloads the page and brings you to the top of page.Our calendar is in the middle of the page and we want it to reload and be at the calendar. Is there a way to put an anchor tag somewhere to do this?
Hi Aimlesslady,
I think the best way to do this is adding some javascript to your JEvents Pages so that they automatically scroll down to the calendar.
Another way could be creating a template override for the monthly view and adding the anchor to the generated link.
Last but not least, you may try to use ReReplacer by Regular Labs (https://www.regularlabs.com/extensions/rereplacer/features) and use some Regular Expresion to add the anchor to the links.
It depends on how do you wan to do it
Best!!
I think the best way to do this is adding some javascript to your JEvents Pages so that they automatically scroll down to the calendar.
Another way could be creating a template override for the monthly view and adding the anchor to the generated link.
Last but not least, you may try to use ReReplacer by Regular Labs (https://www.regularlabs.com/extensions/rereplacer/features) and use some Regular Expresion to add the anchor to the links.
It depends on how do you wan to do it
Best!!
0
Undo
Votes
Thanks for your feedback. I don't know enough javascript to add it.
I would do an override but I don't know what file to edit, and I don't think it is a simple html link, I think it uses javascript.
Is there anyone out there who can write the appropriate javascript for me?
I would do an override but I don't know what file to edit, and I don't think it is a simple html link, I think it uses javascript.
Is there anyone out there who can write the appropriate javascript for me?
0
Undo
Votes
It is on the Home page. There are about 4 module positions above the actual calendar, but it is the main page. The menu item is JEvents - Core » View by Month » View by Month and it is displayed in the Main content section.
I could make it without a template override, just adding a Module of type Custom which is called: Javascript - Scroll to calendar.
this is the code that makes the scroll magic:
Best!
this is the code that makes the scroll magic:
<script>jQuery(document).ready(function(){document.getElementById("jevents").scrollIntoView({'behavior': 'smooth', 'block':'start'});});</script>
Best!
0
Undo
Votes
That's beautiful, BUT, it also means that whenever you navigate to that page, it settles at the calendar, rather than at the top of the page. I need it to happen ONLY when you change months.
0
Undo
Votes
Thank you for your attempt, and it works if you just navigate to the next or previous month, but it still scrolls to the top of the page when you change months via the drop down selector. Can you fix that too?
- Page :
- 1
- 2
There are no replies made for this post yet.