Home Forums Porto Admin Template Integrating JQuery control

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 1 week ago. This post has been viewed 51 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10024761

    erose68
    Participant

    I am trying to add a JQuery control (FullCalendar.io) to a page in the Porto Admin template.

    Whenever I try to instantiate it using the following code:

    $(‘#calendar’).fullCalendar({
    defaultDate: ‘#DateFormat(Now(), ‘yyyy-mm-dd’)#’,
    navLinks: true,
    editable: true,
    eventLimit: true,
    defaultView : “month”,
    });

    I get this error:

    [Error] TypeError: $(‘#calendar’).fullCalendar is not a function. (In ‘$(‘#calendar’).fullCalendar’, ‘$(‘#calendar’).fullCalendar’ is undefined)

    I have run into the same problem whenever I try to use JQuery plugins (DatePicker, TimePicker, etc.) What do I have to do to configure JQuery to work with this template?



    Template Version: 2.0.0
    #10024767

    Support2
    Keymaster

    Hello, thanks for your purchase 🙂

    My suggestion for you is use as base the page of calendar:
    http://preview.oklerthemes.com/porto-admin/2.0.0/pages-calendar.html

    Basically you need to check if the scripts below are included on footer of document:
    – jQuery
    – FullCalendar
    – js/examples/examples.calendar.js
    * Add on the order above, like the image below:

    Then remove all code inside of js/examples/examples.calendar.js and add your custom initialization code of FullCalendar.

    Please, try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)