Add Input Field Type as CSS Class in Gravity Forms

Gravity Forms HTML mark-up with input field type CSS classes

Ever wanted to style the various type of input fields (file, text, textarea, etc.) differently when using Gravity Forms? Here is a simple a snippet of code to add those classnames to all input field wrappers:

add_filter( 'gform_pre_render', 'add_input_type_gravity_forms' );

function add_input_type_gravity_forms( $form ) {
	foreach ( $form['fields'] as $f => $field )
		$form['fields'][$f]['cssClass'] .= 'input-type-' . $field['type'];

	return $form;
}

Hide Upload Fields from iPhone, iPad and Mobile Webkit Users

I use this filter in combination with a few lines of Javascript and jQuery to hide all upload fields from the iOS users.

$(document).ready(function() {
	if ( navigator.userAgent.match(/(iPod|iPhone|iPad)/) ) {
		$('.input-type-fileupload').remove();
	}
});