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.

Deleted comment

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