https://legacy.forums.gravityhelp.com/tags/html5 Gravity Support Forums Tag: html5 - Recent Posts en-US Sun, 19 Apr 2026 18:17:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-376181 Sun, 24 Aug 2014 16:24:40 +0000 Richard Vav 376181@https://legacy.forums.gravityhelp.com/ <p>The chosen.js script and styles for the enhanced ui were updated to version 1.1.0 in Gravity Forms 1.8.11.3 so manually loading the newer version is no longer required. </p> https://legacy.forums.gravityhelp.com/topic/website-fields-requires-http-why#post-365168 Sat, 06 Jul 2013 12:11:05 +0000 Phil 365168@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.gravityhelp.com/forums/topic/website-field-not-validating-without-http" rel="nofollow">This thread</a> includes an option for automatically adding a protocol (e.g., http:// ) if the user omits it. One disadvantage of the approach is that it instructs the browser to not validate any of the fields for the form, leaving all validation up to the Gravity Forms. An advantage, however, is that the approach leaves HTML5 on, which may conveniently bring up <a href="http://stackoverflow.com/questions/3090369/disable-validation-of-html5-form-elements" rel="nofollow">custom keyboards on mobile devices</a>. </p> https://legacy.forums.gravityhelp.com/topic/website-fields-requires-http-why#post-331974 Wed, 19 Jun 2013 09:40:59 +0000 Richard Vav 331974@https://legacy.forums.gravityhelp.com/ <p>The url type input the Gravity Forms developers are using is implemented as per the W3C HTML5 standard, it is the browser that requires the http:// to be entered by the user for it to pass validation, the faint http:// that disappears when the user starts typing in the input is called a placeholder and again that is how HTML5 placeholders work. If you want the http:// to remain in place I would recommend you go to the Gravity Forms general settings page and switch 'Output HTML5' to 'No'.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/website-fields-requires-http-why#post-330856 Tue, 18 Jun 2013 21:05:36 +0000 co50 330856@https://legacy.forums.gravityhelp.com/ <p>The Special 'website' field requires the user to enter http://. This makes no sense. Can't the system just add it on for them if it's required on the backend for some reason?</p> <p>This form field has a lot of issues:</p> <p>1) If you put in http:// as the default text and they have no web site, they get an error unless they manually remove it.<br /> 2) If they have a web site, even though the form shows a faint http:// in the field, it gets erased as soon as the user starts typing. One would think since it's required it would remain there and the user's text would proceed it.<br /> 3) There is no way to turn of validation for this field to eliminate these issues or allow the user to enter 'None'.<br /> 4) The Validation Message override does not work. It just says "Enter a URL" as the error even if a custom message is included...you know, to tell them they have to enter http:// or remove the one thats there. (Avoiding adding as a descr to keep things clean)<br /> 5) Yes, using a regular text field is an alternative, but I'd love for the Gravity Folks to get the website field fixed up.</p> <p>Thanks guys. </p> https://legacy.forums.gravityhelp.com/topic/input-typenumber-set-min-and-max#post-297184 Sun, 02 Jun 2013 18:26:37 +0000 Surbma 297184@https://legacy.forums.gravityhelp.com/ <p>+1 for this. I just wanted to write the same post. It is something you have to fix asap. </p> https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-282922 Tue, 28 May 2013 06:45:03 +0000 Richard Vav 282922@https://legacy.forums.gravityhelp.com/ <p>For anyone who wants to see the responsive enhnaced dropdowns in action I have set a demo up @ <a href="http://gravity.wawrzyniak.me/enhanced-uichosen-2/" rel="nofollow">http://gravity.wawrzyniak.me/enhanced-uichosen-2/</a><br /> there is also a second demo with takes it a step further and completely removes the gravity enhanced ui styles and replaces them with a cdn copy of the chosen css @ <a href="http://gravity.wawrzyniak.me/enhanced-uichosen/" rel="nofollow">http://gravity.wawrzyniak.me/enhanced-uichosen/</a> </p> https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-276254 Sat, 25 May 2013 11:59:20 +0000 Richard Vav 276254@https://legacy.forums.gravityhelp.com/ <p>OK so I have found a way for you to implement this today, first you will need to save the following file to your theme folder, the function below presumes you saved it to a folder named js inside your theme folder.</p> <p><a href="https://raw.github.com/harvesthq/chosen/v0.9.14/chosen/chosen.jquery.min.js" rel="nofollow">https://raw.github.com/harvesthq/chosen/v0.9.14/chosen/chosen.jquery.min.js</a></p> <p>Next step is to copy the following function into your theme's functions file, it will check if the gravity forms chosen script has been enqueued for printing on a page and if so it will de-register it and then enqueue the updated script from your theme folder.<br /> <pre><code>add_action(&#39;gform_enqueue_scripts&#39;,&#39;update_chosen&#39;,10,2); function update_chosen($form) { if(wp_script_is(&#39;gforms_chosen&#39;,$list=&#39;queue&#39;)){ wp_deregister_script(&#39;gforms_chosen&#39;); wp_enqueue_script(&#39;chosen-script&#39;,get_template_directory_uri().&#39;/js/chosen.jquery.min.js&#39;,array(&#39;jquery&#39;),&#39;0.9.14&#39;,true); } return false; }</code></pre> <p>Now while still in your functions.php file add the following to set the width to 100% rather than a fixed width, this will be outputted to all forms<br /> <pre><code>add_action(&#39;gform_pre_render&#39;,&#39;set_chosen_width&#39;); function set_chosen_width($form){ if(wp_script_is(&#39;chosen-script&#39;,$list=&#39;queue&#39;)){ ?&gt; &lt;script&gt; gform.addFilter(&#39;gform_chosen_options&#39;,&#39;set_chosen_options_js&#39;); function set_chosen_options_js(options,element){ options.width = &#39;100%&#39;; return options; } &lt;/script&gt; &lt;?php } return $form; }</code></pre> <p>Next you will need to add some <a href="http://pastie.org/7958112" rel="nofollow">extra CSS</a> to your theme's style.css file or wherever you are instructed to place custom CSS.</p> <p>And that's it, go check your page, you may need to clear your cache. </p> https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-273745 Fri, 24 May 2013 14:53:48 +0000 vegaskev 273745@https://legacy.forums.gravityhelp.com/ <p>Thanks.....I appreciate your help folks. </p> https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-260197 Sat, 18 May 2013 16:33:08 +0000 Richard Vav 260197@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>You're welcome, I am glad to be able to help and offer members of the community assistance when I can.</p> <p>I have updated the version of chosen on a clean localhost instalation to test this out and it looks like when you eventually update the script you will also have to make a number of changes to the CSS, currently on page load the dropdowns are open at a fixed width and will not close, the good news is that the select does re-size <a href="http://i.imgur.com/c288HQk.jpg" rel="nofollow">http://i.imgur.com/c288HQk.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/drop-down-fields-not-responsive#post-260096 Sat, 18 May 2013 14:56:45 +0000 Kevin Flahaut 260096@https://legacy.forums.gravityhelp.com/ <p>@richardvav - thanks for the very thorough follow up. I assumed there must be a fix or a workaround for the chosen script but didn't get a chance to really research it yet. We all really appreciate you taking your time to help the community members here. </p>