You’re welcome! Well, actually, sorry, I don’t think it needs to get this complicated. After you’ve assigned the data elements to the custom data entry form, you’ll be able to add the data element into the form by selecting it from the right side panel. You’ll then see in the HTML source of the form a code similar to this:
<input id="[an-ID]I3hGpaigSZQ-JuTpJ2Ywq5b-val" name="entryfield" title="Age" value="[ Age ]" />
Then for the example you provided you’ll use the selector document.getElementById("[an-ID]I3hGpaigSZQ-JuTpJ2Ywq5b-val").value like this: var age = document.getElementById("[same-ID]I3hGpaigSZQ-JuTpJ2Ywq5b-val").value
The problem is that for this to work the inserted input field has to stay there yet I want to design my own. Surrounding it with an element that has style=“display:none” attribute works but with 300 data elements that I need to retrieve values I can’t do it manually.
You’re welcome! I have a suggestion and I hope it works. Maybe it will be possible if you use the find all and replace all in a text editor and search for <input id= and replace it with something like <input class="default-input-field" id= and then use the display: none for that class in particular.
However, I would like to ask you actually, would it be possible to copy the inserted id and use it in your custom input field but then delete the original inserted field?