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

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


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)


Hi alx naxis,

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

Thanks



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 :
<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"/>

js calls at 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>



Could you please verify if this file exists? _init.js

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

Thanks



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>



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



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" />

<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?

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



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



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



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.



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  :(