8

I need to add a 2 pixel border around the JQuery ui-dialog.

Could anyone help on what to modify please?

Thanks

3 Answers 3

10

Change the CSS rule for .ui-widget-content:

.ui-widget-content {
    border: 2px solid #DDD;
}

The least intrusive way to do this is to add that rule to your site's stylesheet (e.g. don't change the jQuery UI CSS file), and make sure that the jQuery UI CSS file is loaded first.

Sign up to request clarification or add additional context in comments.

Comments

2

To put a border around the dialog box, but not any other widget type, do this:

.ui-widget-content.ui-dialog
{
   border: 2px solid #DDD;
}

Comments

0

In 'jquery-ui.css' add a border to the dialog style:

.ui-dialog {
    position: relative; 
    padding: .2em; 
    width: 300px; 
    border: 2px solid white;
}

1 Comment

Tried it but it didn't work. My current code is: .ui-dialog {position: absolute; padding: .2em; width: 300px; overflow: hidden;}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.