Hello/ i try to use jquery ui theme with popup dialog in dotnetnuke 7.0.
html for dialog
<div id="idEditor" class="">
dialog
</div>
in .cs i init jquery ui as this
JavaScript.RequestRegistration(CommonJs.jQueryUI);
JavaScript.RequestRegistration(CommonJs.DnnPlugins);
and init dialog
<script type="text/javascript">
$(document).ready(function () {
$('#idEditor').dialog({
width: 700,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
</script>
in this case dialog is open but do not apply default white backgroud color.
but then i set create event
$(document).ready(function () {
$('#idEditor').dialog({
width: 700,
create: function (event, ui) { $("#idEditor").closest(".ui-dialog").addClass("dnnFormPopup"); },
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
white backgroud color in dialog box is applied.
how can i include jquery ui correctly ?