Light
Dark
System
Ask  Question

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. (fullcalendar.bundle.js:312:17)
at HTMLDivElement. (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
G
Guest 10 months ago
HTML Bootstrap
3 Answers
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)

S
Sean Author10 months ago
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.
G
Guest 10 months ago
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
S
Sean Author10 months ago
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  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle