CSS not pulling in for jQuery UI dialog

4 Views

I want to add a jQuery dialog modal to a form page. When the dialog box is triggered I see the the text content but with no CSS. I’m pulling in the jquery in the functions.php for the page: 

wp_enqueue_script('jquery-ui-dialog');

The jquery css (jquery-ui-dialog.css) is under my wp-includes/css directory.
I tried adding

Read More
wp_enqueue_style('jquery-ui-dialog');

but it not work. Does anybody know the proper way to enable jQuery Dialog.

Post Views: 4

Related posts

Leave a Reply

2 comments

  1. There is no jquery-ui-dialog style defined in WordPress Out of the box, you need to ue the stylesheets manually, when i needed to enqueue the jQuery-UI style i pulled it from google api CDN 

    wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

    but you can enqueue a local copy if you want like this:

    wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );