soflyy / oxygen-bugs-and-features

Bug Reports & Feature Requests for Oxygen
https://oxygenbuilder.com/
315 stars 29 forks source link

Add "dynamic data" property for all input boxes including Color #2201

Open ayhanmalkoc opened 3 years ago

ayhanmalkoc commented 3 years ago

Add the "dynamic data" attribute for all input boxes. Text color, Background color are the most important input boxes. Other input boxes; tags, typography, sizes, etc.

Elementor supports dynamic data properties in all input boxes. input-box-data

ayhanmalkoc commented 3 years ago

Does anyone have any workaround suggestions for this issue?

@wplit

ayhanmalkoc commented 3 years ago

It's a temporary solution. It can be used for all elements.

Example:

Background color change with Dynamic ACF Section

1- section (.custom-bgcolor) > add attribute name: data-color value: select dynamic data acf field

2- code block: jQuery(".custom-bgcolor").css('background-color', function () { return jQuery(this).data('color') });

wpsumo commented 3 years ago

+1

antic1pate commented 2 years ago

I'm needing this as well

My usecase is following and i believe its quite common as well:

I want to use Metabox to give each taxonomy(tag) a color field which i can then use In my oxygen posts template to give each each tag different background color.

(Tags output by dynamic data component: Add->Wordpress->Dynamic Data->Tags)