Remove Padding From MVC 4 Partial View in jQueryUI Dialog

I'm need to remove the padding on a jQuery UI dialog container.
The dialog is being loaded by calling a partial view from the controller through the click event.  Meaning, my content does not exist when the page is rendered.  Not sure if that is the issue, but any help is appreciated.

var dialogStyle_StayDelete = { modal: true, width: 725, height: 500, show: captureConfig.defaultDialogShowEffect, hide: captureConfig.defaultDialogHideEffect, draggable: false, resizable: false, closeOnEscape: false };
    $('#modalMain-StayDelete').dialog(dialogStyle_StayDelete, {}).dialog("widget").find(".ui-dialog-titlebar").hide();

Open in new window

I've tried the following bit of code both before and after without any change.
$(".ui-dialog-content").css("padding", 0);

Open in new window

GenericCogAsked:
Who is Participating?
 
HagayMandelConnect With a Mentor Commented:
If your'e using the default stylesheet, make sure to load YOUR stylesheet, with the following css rule, AFTER jquery-UI stylesheet is loaded.

.ui-dialog .ui-dialog-content {
    padding: 0;
}

Open in new window

0
 
HagayMandelCommented:
A link can help.
0
 
GenericCogAuthor Commented:
@HagayMandel, a link to what?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.