Front-end form : Showing only first field

• 

  • ignitos

  • July 4, 2014 at 12:37 pm

  Hi.

  i have created a front end form for creating a post from front end. every thing is working fine except

  only the first field is showing in the front end form.

  all other fields are hidden, when i check the elements using firebug, all other fields have below style added to them (check Image Attached.)

  element.style {
      display: none;
  }

  

  i’m using latest ACF plugin with Genesis theme on current wordpress version.

  thanks
• 

  • localdev

  • July 10, 2014 at 9:37 pm

  Me too having the same problem.

  

  ads.png.png

  
  
• 

  • ignitos

  • July 10, 2014 at 10:12 pm

  its a plugin conflict issue.
  just disable other plugins one by one and check your form. you will find the culprit.
• 

  • localdev

  • July 11, 2014 at 2:29 pm

  error fixed…
  woo tabs class name and our ACF field class names are same
  i have solved it by follow this steps

  Go to –> wp-content\themes\canvas\includes\widgets\widget-woo-tabs.php

  And then find this lines –>

  	// Tab contents = .inside
  
  	var tag_cloud_class = '#tagcloud';
  
  	//Fix for tag clouds - unexpected height before .hide()
  	var tag_cloud_height = jQuery( '#tagcloud').height();
  
  	jQuery( '.inside ul li:last-child').css( 'border-bottom','0px' ); // remove last border-bottom from list in tab content
  	jQuery( '.wooTabs').each(function(){
  		jQuery(this).children( 'li').children( 'a:first').addClass( 'selected' ); // Add .selected class to first tab on load
  	});
  	jQuery( '.inside > *').hide();
  	jQuery( '.inside > *:first-child').show();

  Then replace the code like this –>

  	// Tab contents = .inside
  
  	var woo_class = false;
  	var tag_cloud_class = '#tagcloud';
  
  	//Fix for tag clouds - unexpected height before .hide()
  	var tag_cloud_height = jQuery( '#tagcloud').height();
  
  	jQuery( '.inside ul li:last-child').css( 'border-bottom','0px' ); // remove last border-bottom from list in tab content
  	jQuery( '.wooTabs').each(function(){
  		jQuery(this).children( 'li').children( 'a:first').addClass( 'selected' ); // Add .selected class to first tab on load
  		woo_class = true;
  	});
  
  	if(woo_class = true) {
  		jQuery( '.inside > *').hide();
  		jQuery( '.inside > *:first-child').show();
  	}