Light
Dark
System
Ask  Question

Problem to close the modal

Hello,
I'm using the Laravel package of the demo7. I cannot close the modal with the discard button
Same page as below.
Am I missing something?

https://preview.keenthemes.com/metronic8/demo7/apps/user-management/users/list.html
user
alx naxis 6 months ago
Laravel
11 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 (11)

F
Faizal Author6 months ago
Hi alx naxis,

Could you please check the console log if there is any JS error?

Thanks
user
alx naxis 6 months ago
There is this error
http://127.0.0.1:8000/demo7/js/init.js not found.

this is the header and the js calls at the end of the page

header :





js calls at end of page:



F
Faizal Author6 months ago
Could you please verify if this file exists? _init.js

resources/assets/core/js/components/_init.js

Thanks
user
alx naxis 6 months ago
Yes
resources/assets/core/js/components/_init.js
exists.

In header : 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"/>
<link rel="preload" href="http://127.0.0.1:8000/demo7/plugins/global/plugins.bundle.css" as="style" onload="this.onload=null;this.rel="stylesheet"" type="text/css"><noscript><link rel="stylesheet" href="http://127.0.0.1:8000/demo7/plugins/global/plugins.bundle.css"></noscript>
<link rel="preload" href="http://127.0.0.1:8000/demo7/plugins/global/plugins-custom.bundle.css" as="style" onload="this.onload=null;this.rel="stylesheet"" type="text/css"><noscript><link rel="stylesheet" href="http://127.0.0.1:8000/demo7/plugins/global/plugins-custom.bundle.css"></noscript>
<link href="http://127.0.0.1:8000/demo7/css/style.bundle.css" rel="stylesheet" type="text/css"/>



End of page:
<script src="http://127.0.0.1:8000/demo7/plugins/global/plugins.bundle.js"></script>
<script src="http://127.0.0.1:8000/demo7/js/scripts.bundle.js"></script>
<script src="http://127.0.0.1:8000/demo7/js/custom/widgets.js"></script>
<script src="http://127.0.0.1:8000/demo7/js/init.js"></script>

F
Faizal Author6 months ago
Hi alx naxis,

Check this file; /config/demo7/general.php. Then try to remove this line from the assets.

js/init.js

We will include the fix in the next version.

Thanks
user
alx naxis 6 months ago
I commented the line, but I'm still cannot close the modal with the discard button.

Also one thing I wanted to point out

I want to use date picker so I tried to call it like this
@section("scripts")
<script src="{{ asset("/demo7/js/vendors/plugins/flatpickr.init.js") }}"></script>
<script>
$("#kt_datepicker_2").flatpickr();
</script>
@endsection
<input class="form-control form-control-solid" placeholder="Pick a date" />




id kt_datepicker_2 element is removed but it is in code

asset('/demo7/js/vendors/plugins/flatpickr.init.js') is expecting the plugin to be in /public/demo7/js/vendors/plugins/flatpickr.init.js but it is in /resources/assets/core/js/vendors/plugins/flatpickr.init.js

should I copy that from resources to public or is there a way to reference to it?
F
Faizal Author6 months ago
Hi

Could you please download the latest version from ThemeForest? We just released a new update yesterday. Hope the init.js missing issue can be resolved.

Thanks
user
alx naxis 6 months ago
Hello. Sorry, do you have best practice to integrate changes to on going projects.
folder to about and those we should not care about for example.
Thank you
F
Faizal Author6 months ago
Hi

The folder resources/assets is always active with updates. Just replace this folder with the recent version. For your own codes and customization, please try to isolate them from the core assets for easier updates.

Thanks
user
alx naxis 5 months ago
Hi,
I replaced the Assets folder but I still cannot close the modal with dismiss of the X button.
It is the only thing left for me to have an hand the code.
Plus the Title the the Breadcrumb.

Please help me.
F
Faizal Author5 months ago
Hi alx naxis,

Could you please check the console log to see if there is any JS error? Any JS error will prevent any JS code from executing.

Thanks
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