CODEWITHSUNDEEP
jquery-ui
mtay
mtay

Reputation: 1316

I wish to change the texture of the overlay in a modal dialog in the Jquery UI

I am using the Jquery UI,

I am using a modal dialog which is working fine, but give a stripped overlay when it is set.

In the Jquery themeroller, I see options for other textures, but I can't figure out how to use them.

Does anybody know?

$('#send_message_form').dialog({ minWidth: 400, 
                                 modal: true, 
                                 overlay: { opacity: 0.5, background: 'black'} });

Thank you!

Upvotes: 0

Views: 765

Answers (1)

Teddy Yueh
Teddy Yueh

Reputation: 674

In the themeroller options during theme creation, just choose the texture you want. The selected texture will be the overlay of the modal dialog.

If you want to change it manually, change the url portion of the background attribute of the CSS class .ui-widget-overlay, which should be in the jquery-ui-.custom.css file.

Upvotes: 1

Related Questions