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

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: