Color Detail

Hello @pexel

I’ll try to describe the process with a hypothetical example.

Assuming the color field is the fieldname1, and the single line text field the fieldname2, insert an “HTML Content” field in the form and enter the following piece of code as its content:

<script>
fbuilderjQuery(document).on('change', '[id*="fieldname1_"]', function(){
getField('fieldname2').setVal(this.value, true);
});
	
fbuilderjQuery(document).on('change', '[id*="fieldname2_"]', function(){
let v = String(this.value);
getField('fieldname1').setVal(IF(v.charAt(0) != '#', '#', '') + v, true);
});
</script>

Best regards.

Yes, when you select the color code, it gives the HEX code. Can we get the RGB code in the same way?

And finally, if the user enters a hex value, will the color change directly?
Thanks a lot.

Hello @pexel,

The piece of code provided updates the fields in both directions. If you enter the color code directly into the “Single Line Text” field when the field triggers the onchange event, it updates the color field, and the same occurs in the other direction.

Transform the color code between its different formats must be implemented by yourself as part of the form code. If you need a custom coding service, you can contact us via the plugin website: Contact Us

Best regards.

I understand what you mean, it was successful. It was exactly what I was looking for. Now the HEX code is working. If we can get the RGB code with the same logic, my problem will be completely solved.
Thanks a lot.

Hello @pexel

If you need a custom coding service, you can contact us via the plugin website:?Contact Us

Best regards.