Visual Form Builder
[resolved] VFB conflict with WP UI (4 posts)

  1. stonelinton
    Posted 3 years ago #

    I have VFB ver. 2.6.2 installed and WP UI 0.8.5 installed on WP Ver. 3.4.2. Following a recent update my WP UI tabs stack rather than create tabs; though this problem resolves when I deactivate VFB. Is there a work around or fix on the way for this?


  2. Matthew Muro
    Plugin Author

    Posted 3 years ago #

    This is not a VFB issue. All CSS and JS are loaded only on VFB pages.

    Contact the developer of WP UI.

  3. troypayne
    Posted 3 years ago #

    @MatthewMuro - I'm using your VFB Pro version (2.0.1), with the same WP (3.4.2) and WP_UI (0.8.5) versions as the OP and I have the identical problem.

    You indicate:

    All CSS and JS are loaded only on VFB pages.

    But in your file 'visual-form-builder-pro.php' starting at line 154, I see:

    // Add CSS to the front-end
    	add_action( 'wp_enqueue_scripts', array( &$this, 'css' ) );

    And (same file) at line 1085:

    	 * Add form CSS to wp_head
    	 * @since 1.0
    	public function css() {
    		wp_enqueue_style( 'visual-form-builder-css', apply_filters( 'visual-form-builder-css', plugins_url( 'visual-form-builder-pro/css/visual-form-builder.css' ) ) );
    		//wp_enqueue_style( 'vfb-date-picker-css', apply_filters( 'vfb-date-picker-css', plugins_url( 'visual-form-builder-pro/css/smoothness/jquery-ui-1.9.2.min.css' ) ) );
    		wp_enqueue_style( 'farbtastic' );
    		wp_enqueue_script( 'visual-form-builder-quicktags', plugins_url( 'visual-form-builder-pro/js/js_quicktags.js' ) );

    I may be missing something but afaik, this will cause these four files to be added wherever wp_head() is called (as your comment suggests.) That's pretty much every page, the way I use WordPress.

    The css in jquery-ui-1.9.2.min.css seems to conflict with that used by WP_UI tabs, which is causing the OP's issue. If I comment it out of the the css() function (as above), WP_UI works normally, but, of course, it breaks your date picker popup.

    Maybe you can suggest a work around. Thanks.

  4. Matthew Muro
    Plugin Author

    Posted 3 years ago #

    Sigh...there's a filter right there. Don't comment that line out. vfb-date-picker-css.

    All you have to do is point to an older version of jQuery UI that is compatible with WP UI. Or, according to another user, change a setting in WP UI to use a "jQuery style" instead of a "CSS style."

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Visual Form Builder
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic