Need help hiding the time field in my webform

Follow

Brian Faulconer

• December 17, 2013 22:24

I need to remove/hide the time field in my webform. I'm having users enter the date of birth and having a requirement to enter the time of birth is not only odd, but too invasive a question. I saw other posts with a similar question that mentioned using CSS to hide. I tried pasting that code into the CSS section but I was not able to get it to work. I'd like to fix this ASAP as it is currently in use.

0

• 

  Jonathan Anderson

  • January 13, 2014 21:32

  I was able to solve this very simply with CSS. You'll need to load the webform in a browser and then view its source, or use the "Inspect Element" feature of the developer tools built into some browsers. You'll need to find an element that looks like this:

  <input class="time-input new-placeholder hasTimeEntry" id="field_00000000_time" name="field_00000000[time]" placeholder="00:00 AM" type="text" value="">
  

  Except in place of the string of zeros in the 'id' and 'name' properties, there'll be a code specific to that field in your particular form. You'll need to copy the value of the 'id' property and use it to make a line of CSS like this:

   #field_00000000_time { display: none; }
  

  Except yours should have that specific code instead of all the zeros and be sure to include the '#' at the beginning.

  Edit the webform in Podio, and in the right sidebar expand the 'Theme' panel and click 'Use custom CSS'. Then paste the snippet of CSS into the 'Enter CSS' box and click 'Done'. Fortunately, this doesn't interfere with the pre-defined theme CSS so you should be able to do this without having to re-create the whole stylesheet.

  1

  Comment actions Permalink
• 

  Brian Faulconer

  • March 24, 2014 22:07

  Thanks. It makes sense, but not working for me. My own would have been ..

  #field_497953550_time {
  display: none;
  }

  0

  Comment actions Permalink

Please sign in to leave a comment.