Update on December 12, 2019: Use this plugin to fix the duplicate IDs problem in Oxygen’s Repeater components’ output.


In this video I show Oxygen‘s new Repeater component in action and how IDs get repeated in the HTML for each of the repeater rows followed by adding a line of JavaScript that David Browne has shared in the Oxygen Facebook group.

Summary:

Step 1

Add a class to elements of your Repeater and style the classes.

Step 2

Add a Code Block.

PHP & HTML:

<?php
	// echo "hello world!";
?>

JavaScript:

jQuery(".oxy-dynamic-list").find("*").removeAttr('id');

Source

https://gist.github.com/wplit/7861b18ef34ffd955b43ddcacc9ef6e8

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: