[krishna476Member]

Thanks it’s working fine now…

[krishna476Member]

Do you mean JQWidgets2.8..?

[krishna476Member]

jQuery UI Dialog – Modal form

<!—->

body { font-size: 62.5%; }
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

$(function () {
var Development_Activity = $(“#Development_Activity”),

tips = $(“.validateTips”);
function updateTips(t) {
tips.text(t).addClass(“ui-state-highlight”);
setTimeout(function () { tips.removeClass(“ui-state-highlight”, 1500); }, 500);
}

$(“#dialog-form”).dialog({
autoOpen: false,
height: 600,
width: 700,
resizable: false,
modal: true,
buttons: {
“save & close”: function () {

},
“save”: function () {

},
Close: function () {

}
},
close: function () {
// allFields.val(“”).removeClass(“ui-state-error”);
}
});

// $(“#dialog-form”).load(“CreateActivity.html “);

var source = [
{
icon: “images/mailIcon.png”, label: “Mail”, expanded: true, items: [
{ icon: “images/calendarIcon.png”, label: “Calendar” },
{ icon: “images/contactsIcon.png”, label: “Contacts”, selected: true }
]
},
{
icon: “images/folder.png”, label: “Inbox”, expanded: true, items: [
{ icon: “images/folder.png”, label: “Admin” },
{ icon: “images/folder.png”, label: “Corporate” },
{ icon: “images/folder.png”, label: “Finance” },
{ icon: “images/folder.png”, label: “Other” },
]
},
{ icon: “images/recycle.png”, label: “Deleted Items” },
{ icon: “images/notesIcon.png”, label: “Notes” },
{ iconsize: 14, icon: “images/settings.png”, label: “Settings” },
{ icon: “images/favorites.png”, label: “Favorites” },
];

// create jqxTree
$(‘#tree’).jqxTree({ source: source, checkboxes: true, width: ‘250px’ });

$(“#create-user”)
.button()
.click(function () {
$(“#dialog-form”).dialog(“open”);
});
});

Development Activity

Activity Code

Activity Url

Created Activities:

Classifier
SubClassifier
Development Activity

Create Activity

This is the code I am using.

[krishna476Member]

Hi Peter,

I too encountered the same problem. I am using JqueryUI dialogue. I ahve to implement this tree inside that dialogue. It is using jquery-1.9.1.js. Can you suggest me how I can go further. Thanks in advance.

[Author]

Posts