PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Hidden class & bootstrap

  1. http://www.villa-bargemon.com/#contact

    <input type="hidden" id="gforms_calendar_icon_input_2_4" class="gform_hidden" value="http://www.villa-bargemon.com/wp-content/plugins/gravityforms/images/calendar.png">
    Why the hidden input/class is added ?

    I would like to use bootstrap on my forms.
    How can I add <i class="icon-user"></i> before an input ?

    Thanks !

    A happy new customer :)

    Posted 13 years ago on Monday March 19, 2012 | Permalink
  2. The hidden input/class is for the calendar icon. Displaying that is optional and it looks like you've got that option turned off.. or it could be script conflict with this bootstrap thing. Does the datepicker show properly in the preview page?

    To add the additional markup before each input, you'll need to use some custom jQuery to add it client side.. http://api.jquery.com/insertBefore/

    Posted 13 years ago on Monday March 19, 2012 | Permalink
  3. GZA
    Member

    @Kevin "this bootstrap thing" is in actual fact the Twitter framework that is becoming widely popular for obvious reasons:

    http://twitter.github.com/bootstrap/

    Posted 13 years ago on Monday March 19, 2012 | Permalink
  4. @GZA, I know what it is thanks.

    Sounds like a Bootstrap issue to me.. a conflict with the jQuery UI datepicker.

    https://github.com/twitter/bootstrap/issues/156
    http://www.webdesignerforum.co.uk/topic/58856-jquery-ui-vs-twitter-bootstrap/

    Posted 13 years ago on Monday March 19, 2012 | Permalink
  5. - Does the datepicker show properly in the preview page?
    The preview page doesnt work at all -_-"
    I can see the date picker when i'm building my form.
    - http://api.jquery.com/insertBefore/
    Thx, I'll try to tomorrow

    For the moment I can't use this function because of bootstrap, right ?

    Posted 13 years ago on Monday March 19, 2012 | Permalink