Hi list,
I'm a relative newbie to jQueryUI (used it just in one project). To
put it short, I used the ThemeRoller to customize the theme
"smoothness" by changing the drop shadow colour to green. I am using
the Dialog widget and I need a modal dialog with overlay and drop
shadow effects.
I downloaded the theme and used it in my program. The overlay effect
does work, the "drop shadow" does not.
In the demo file downloaded with the library ("jQuery UI Example
Page") the section "overlay and shadow classes" is displayed properly
(with drop shadow and the green colour). So the theme is correctly
downloaded. But there the divs with the classes ui-widget-shadow and
"ui-widget-overlay" are manually added. This should be done by the
dialog, not by me manually.
Can you please help me to display the drop shadow effect? Is that a
bug or am I doing something wrong?
Thank you very much,
Paul P
PS The page snippet is the following:
<div id="dialog" class="flora" title="This is the title">
My text
</div>
$(function(){
var dialogOpts = {
modal: true,
height: 1200,
width: 600,
autoOpen: false
};
//create the dialog
$("#dialog").dialog(dialogOpts);
//define click handler for the button
$("#openDialog").click(function() {
//open the dialog
$("#dialog").dialog("open");
});
});
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---