• I have installed My Calendar and have been able to add new events. However the calendar only shows the title and no further iformation about the event. It shows the title as a link but when you click on it nothing happens so I can see no further info about the event. I have added further information about the event in the ‘event discription’ box and entered the date/time etc. I have also tried adding a link to a more detailed ‘post’ about the event in the ‘event link’ box. None of this is working. How can I show further details about the event? I am a newbie to wordpress so would appreciate some simplified advice please. Thanks
    Link to calendar page
    https://www.beauty-deals.co.uk/beauty-calendar/?yr=2015&month=5&dy=&cid=all

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    It looks like you’re using custom JS, and it’s not working correctly. Try switching back to the default JS options at My Calendar > Script Manager.

    Uncheck ‘Use Custom JS’ and save.

    Thread Starter andij731

    (@andij731)

    Thanks for the advice Joe. There is a ‘script editor’ option under My Caledar but not a ‘Script Manager’ option. I can’t find a ‘use ustom JS’ option. I have fiddled with some of the other javascript option but it didnt make any difference. Am I looking in the right place?

    Here are the option I have in script editor.

    Insert scripts on these pages (comma separated post IDs)
    Calendar Behaviors: Calendar View

    Update/Reset the My Calendar Calendar Javascript Disable Calendar Javascript Effects

    Edit the jQuery scripts for My Calendar in Calendar format
    $(function() {
    $(“.calendar-event”).children().not(“.event-title”).hide();
    $(document).on(“click”, “.calendar-event .event-title”,
    function(e) {
    e.preventDefault(); // remove line if you are using a link in the event title
    $(this).parent().children().not(“.event-title”).toggle();
    });
    $(document).on(“click”, “.calendar-event .close”,
    function(e) {
    e.preventDefault();
    $(this).parent().toggle();
    });
    });
    Your script matches that included with My Calendar.

    Calendar Behaviors: List View

    Update/Reset the My Calendar List Javascript Disable List Javascript Effects

    Edit the jQuery scripts for My Calendar in List format
    $(function() {
    $(“li.mc-events”).children().not(“.event-date”).hide();
    $(“li.current-day”).children().show();
    $(document).on(“click”, “.event-date”,
    function(e) {
    e.preventDefault();
    $(this).parent().children().not(“.event-date”).toggle();
    });
    });
    Your script matches that included with My Calendar.

    Calendar Behaviors: Mini Calendar View

    Update/Reset the My Calendar Mini Format Javascript Disable Mini Javascript Effects

    Edit the jQuery scripts for My Calendar in Mini Calendar format
    $(function() {
    $(“.mini .has-events”).children().not(“.trigger”).hide();
    $(document).on(“click”, “.mini .has-events .trigger”,
    function(e) {
    e.preventDefault();
    $(this).parent().children().not(“.trigger”).toggle();
    });
    $(document).on(“click”, “.mini-event .close”,
    function(e) {
    e.preventDefault();
    $(this).parent().parent().parent().toggle();
    });
    });
    Your script matches that included with My Calendar.

    Calendar Behaviors: AJAX Navigation

    Update/Reset the My Calendar AJAX Javascript Disable AJAX Effects

    Edit the jQuery scripts for My Calendar AJAX navigation
    $(function(){
    $(document).on(‘click’, ‘.calendar .my-calendar-nav a’, function(e){
    e.preventDefault();
    var link = $(this).attr(‘href’);
    var ref = $(this).attr(‘rel’);
    $(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
    $(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
    $(‘.calendar-event’).children().not(‘h3’).hide();
    });
    });
    $(document).on(‘click’, ‘.list .my-calendar-nav a’, function(e){
    e.preventDefault();
    var link = $(this).attr(‘href’);
    var ref = $(this).attr(‘rel’);
    $(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
    $(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
    $(‘li.mc-events’).children().not(‘.event-date’).hide();
    $(‘li.current-day’).children().show();
    });
    });
    $(document).on(‘click’, ‘.mini .my-calendar-nav a’, function(e){
    e.preventDefault();
    var link = $(this).attr(‘href’);
    var ref = $(this).attr(‘rel’);
    $(‘#’+ref).html(‘<div class=”loading”><span>Loading…</span></div>’);
    $(‘#’+ref).load(link+’ #’+ref+’ > *’, function() {
    $(‘.mini .has-events’).children().not(‘.trigger’).hide();
    });
    });
    });
    Your script matches that included with My Calendar.

    Resetting JavaScript will set that script to the version currently distributed with the plug-in.

    Any suggestions?

    Plugin Author Joe Dolson

    (@joedolson)

    Sounds like you’re using an old version of My Calendar, then. You should update to the latest version.

    Thread Starter andij731

    (@andij731)

    Ok thnaks Joe. I’ll do that. Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘My calendar event details not showing’ is closed to new replies.