[Video] Workaround for Oxygen Repeater’s Duplicate IDs Problem

Update on 25 Oct 2021: The tutorial below has not been tested with the recent versions of Oxygen. You might want to try the newer methods shared in GitHub here instead.

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