Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

BUG: Calendar Page - All demos - Uncaught TypeError - KTApp.initBootstrapPopover


Hey there

Both on my locahost version and the keenthemes hosted version have the same bug.

I've tried moving some scripts to different positions, header, footer, within html, outside html.. but no improvement.

Steps to reproduce:
> See: https://preview.keenthemes.com/metronic8/demo2/apps/calendar.html
> Using Google Chrome Inspect, Console Window
> Hover mouse over a calendar event
> Error Message:
calendar.js:283 Uncaught TypeError: KTApp.initBootstrapPopover is not a function
at initPopovers (calendar.js:283:25)
at Calendar.eventMouseEnter (calendar.js:111:17)
at Emitter.trigger (fullcalendar.bundle.js:4850:25)
at EventHovering.triggerEvent (fullcalendar.bundle.js:8100:33)
at EventHovering._this.handleSegEnter (fullcalendar.bundle.js:8079:27)
at HTMLAnchorElement.<anonymous> (fullcalendar.bundle.js:312:17)
at HTMLDivElement.<anonymous> (fullcalendar.bundle.js:296:25)
initPopovers @ calendar.js:283
eventMouseEnter @ calendar.js:111
Emitter.trigger @ fullcalendar.bundle.js:4850
EventHovering.triggerEvent @ fullcalendar.bundle.js:8100
EventHovering._this.handleSegEnter @ fullcalendar.bundle.js:8079
(anonymous) @ fullcalendar.bundle.js:312
(anonymous) @ fullcalendar.bundle.js:296


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Thanks for your feedback. We will check it and provide a fix in the next update very soon.
if you need a quick fix for the issue please let us know here and we will provide you a hot fix soon.

Regards.



Hi Sean

Yes please, I spent a few hours and gave up. Re-arranged the orders of scripts, tried to import the script from Metronic 7 (demo website - as it works on M7), and all sorts.

The issue is that KTApp.initBootstrapPopover is not defined anywhere. I went into the main script bundle to check if popovers were being called correctly.. I added ".popover()" after the "data-bs-popover=true", but also no effect.

A hotfix would be great happy

Cheers



Hi,

We have improved the calendar app script and removed popover usage instead, we used modal to view and edit the events. The event details display with the hover feature we removed since there was a known bug related to the hover event of the calendar and popover conflict.

Please get the updated Calendar App script here.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(