Support

Account

Home Forums Front-end Issues Front-end form : Showing only first field

Solved

Front-end form : Showing only first field

  • 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;
    }

    image

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

    thanks

  • Me too having the same problem.

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

  • 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();
    	}
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Front-end form : Showing only first field’ is closed to new replies.