Hi
You need to add the proper CSS as well. Try by adding this line to the
head section of your page:
<link type="text/css" rel="stylesheet" href="http://ui.jquery.com/
testing/themes/base/ui.all.css" />
On Feb 10, 5:11 pm, rontivo <christensen....@gmail.com> wrote:
> I'm having a little difficulty getting dialogs to display correctly.
> I've been following examples I've found on the web site, but the
> dialogs display with no formatting. I can move and resize the
> dailogs, so I know I'm pulling in the javascript correctly. If I
> create a div and specifically set it's style to one of the dialog
> elements it gets formatted correctly, so the css is also being pulled
> in correctly. Here's the code I've got:
>
> <html>
> <head>
> <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
>
> <script>
> $(document).ready(function(){
> $("#dialog").dialog();});
>
> </script>
>
> </head>
> <body>
> <link rel="stylesheet" href="jquery/css/ui.all.css" type="text/css"
> media="screen">
>
> <script type="text/javascript" src="jquery/rontest.js"></script>
> <script type="text/javascript" src="jquery/ui.core.js"></script>
> <script type="text/javascript" src="jquery/ui.dialog.min.js"></script>
> <script type="text/javascript" src="jquery/ui.resizable.min.js"></
> script>
> <script type="text/javascript" src="jquery/ui.draggable.min.js"></
> script>
>
> <div class="demo">
> <div id="dialog" title="Basic dialog">
> <p>This is the default dialog which is useful for displaying
> information. The dialog window can be moved, resized and closed with
> the 'x' icon.</p>
> </div>
> </div>
> </body>
> </body>
> </html>
>
> Pretty simple, I'm just not sure why it's not displaying with the
> appropriate css styles applied.
>
> Thanks,
> -Ron
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
