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

Form Repeater not working


Hi there,

even though i am using the same code , form repeater is not working
https://preview.keenthemes.com/html/metronic/docs/forms/formrepeater/basic


can you guys pls provide the solution for this?


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,

Can you provide more info ? Do you have any JS error in the console ?
Haveyou included the formrepeater CSS/js files on your page?

Regards.



https://creativenexus.site/tiger/dashboard/Shipment_Booking_test.html

Pls check this.
getting a lot of errors in console.



any update?



pls reply, it's urgent



Hi,

We have fixed the documentation demos and you can check them here.

You can use the code as explained in the documentation.

Regards.



Hi Sean,

https://creativenexus.site/tiger/dashboard/Shipment_Booking_test.html
same issue.
can you pls check



Hi,

Please remove assets/js/vendors/plugins/flatpickr.init.js as this script is bundled in the global plugin's bundle js and included globally.

To get rid of other JS errors you will need to add fv-row class to the validating input parents as explained here.

Regard.



Hi,

I had removed the assets/js/vendors/plugins/flatpickr.init.js this script and work on fv row too but still the issue is not resolved



Hi,

Also, make sure you execute your custom js code on document ready(when all required js files are loaded) so please use it as shown below:


// On document ready
KTUtil.onDOMContentLoaded(function() {
$("#kt_docs_repeater_advanced").repeater(...);
});


Regards.



I have added all the code I am using you can also check here
https://creativenexus.site/tiger/dashboard/Shipment_Booking_test.html

Please take it seriously and try to resolve it asap.



Hi,

The JS errors are related to your custom code and we can't debug them since our support only covers Metronic's genuine features and bugs.

You should put your custom code in the below onDOMContentLoaded function so it will be executed only when the page js files are fully loaded.


<script>
KTUtil.onDOMContentLoaded(function() {
// put your custom code only
});</script>


Currently, your custom code is put right in the HTML and when it's executed none of the plugins(form repeater, flatpickr, sweetalerts) are available.

To share your code the best tool can be https://gist.github.com/

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