https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field Gravity Support Forums Topic: Custom Form Field as HTML Field en-US Tue, 21 Apr 2026 03:39:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-181952 Sat, 23 Mar 2013 13:14:43 +0000 Chris Hajer 181952@https://legacy.forums.gravityhelp.com/ <p>There are a couple things you need to do:</p> <p>1) You will need to change his fieldSettings[] array (from your gform_editor_js hook) to match the one used by an HTML field. You can see that in the form.js file (towards the end of the file)</p> <p>2) You will need to do is change the contents of your gform_field_input hook so that it doesn't render an input field, but renders your HTML content instead. If you need to get rid of the field label when rendering the HTML content, you will need to use the gform_field_content hook instead of gform_field_input. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-179842 Thu, 21 Mar 2013 16:22:52 +0000 kristopherdesign 179842@https://legacy.forums.gravityhelp.com/ <p>Here is the code as it currently stands (all in my functions.php file):<br /> <a href="http://pastebin.com/kpgZmEKx" rel="nofollow">http://pastebin.com/kpgZmEKx</a></p> <p>Through the gform_pre_render filter I have added I want to change the "content" of the field that I have created. I am aiming to treat this new form field as an HTML field so that GF will output the necessary code EXACTLY as I intend it (ie, as basic HTML field is handled by GF). I believe that this is the only approach available to me. Again, the problem I'm having is getting my new form field to behave like an HTML form field. I believe that the attribute I am aiming to add to my field is:<br /> "displayOnly":true<br /> I don't know how to do this. Nor am I certain that this is what needs to be done.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-178723 Wed, 20 Mar 2013 23:03:05 +0000 Chris Hajer 178723@https://legacy.forums.gravityhelp.com/ <p>Thank you for the screenshot. I'll ask the development team for their input on this one. In the meantime, can you please post the code you are currently using to create this field, at pastebin.com or pastie.org? Thank you. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-176862 Tue, 19 Mar 2013 11:24:27 +0000 kristopherdesign 176862@https://legacy.forums.gravityhelp.com/ <p>Essentially, I have added my own Form Field ("Audio Recorder") through the gform_add_field_buttons filter. I understand how to make this field behave like a standard form field (ie, a text input field), but I do not understand how to make it behave like an HTML field. For my use, it appears essential that this custom field behave like an HTML field so that I can automatically swap in the necessary Audio Recorder HTML when the form is rendered. Here is a screen shot of the GF Admin: <a href="http://www.kristopherdesign.com/GF-Custom-Field2.png" rel="nofollow">http://www.kristopherdesign.com/GF-Custom-Field2.png</a> </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-176244 Tue, 19 Mar 2013 00:37:07 +0000 Chris Hajer 176244@https://legacy.forums.gravityhelp.com/ <p>I'm afraid it does not. I'll ask some of the other support staff. But if you could provide screenshots or examples of what you're trying to do, that may help. </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-175715 Mon, 18 Mar 2013 15:43:50 +0000 kristopherdesign 175715@https://legacy.forums.gravityhelp.com/ <p>No, I didn't touch the gform_field_advanced_settings filter because I wasn't concerned with adding any settings. My goal was to simply create a one-button solution that would allow me to swap the appropriate code in through the back end (via the gform_pre_render filter). I realize that I could do this using a css class assigned to a simple HTML field, but entering (and remembering) a css class is something I would like to avoid. Does that make sense? </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-174545 Sun, 17 Mar 2013 19:17:54 +0000 Chris Hajer 174545@https://legacy.forums.gravityhelp.com/ <p>What code are you using currently to create this field? Are you using the gform_field_advanced_settings filter: <a href="http://www.gravityhelp.com/documentation/page/Gform_field_advanced_settings" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_field_advanced_settings</a> </p> https://legacy.forums.gravityhelp.com/topic/custom-form-field-as-html-field#post-172574 Fri, 15 Mar 2013 17:04:01 +0000 kristopherdesign 172574@https://legacy.forums.gravityhelp.com/ <p>My client requires multi-page forms with occasional instances of an audio recorder (javascript/Flash: <a href="https://github.com/jwagener/recorder.js)" rel="nofollow">https://github.com/jwagener/recorder.js)</a>. While I realize that I can create an HTML field to manually embed the necessary code, my goal is to create a Custom Form Field which would automate the process. In other words, create a button in the "Advanced Fields" section of the GF Admin labeled "Audio Recorder." When pressed, a new field would be created with the capabilities of an HTML field, and when this field is rendered on the front end a script would run to replace the content of this field with the necessary code to execute the audio recorder.<br /> Does this logic make sense? Am I taking the correct approach? I have followed the guidance offered here:<br /> <a href="http://wpsmith.net/2011/plugins/how-to-create-a-custom-form-field-in-gravity-forms-with-a-terms-of-service-form-field-example/" rel="nofollow">http://wpsmith.net/2011/plugins/how-to-create-a-custom-form-field-in-gravity-forms-with-a-terms-of-service-form-field-example/</a><br /> to create the Custom Form Field, but I cannot get this new field to behave like an HTML field. Because it does not behave like an HTML field, GF is not handling the automated content creation correctly. In addition, I am also struggling to predefine the field's label as is done in a standard HTML field. </p> <p>Any help you can offer would be greatly appreciated. Thanks. </p>