The jQuery UI theme css file includes an edit link in its comments. This link opens Themeroller with the settings of your custom theme. /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit … Read more
It looks like writing to the widget to .data(“dialog”) and then trying to operate on it is causing an issue. Here is a sample where .data is not used and the open/close is called based on the element: http://jsfiddle.net/rniemeyer/durKS/ Alternatively, I like to work with the dialog in a slightly different way. I like to … Read more
For example, in this sample code, startDatePicker is selected as 2010-12-12, change event of startDatePicker sets the minDate of endDatePicker 2010-12-13. It locks the cells before this date. This is a sample for what @Victor mentioned..I hope it helps…Regards…Ozlem. $(“#startDatePicker”).datepicker({ dateFormat: ‘yy-mm-dd’, changeMonth: true, minDate: new Date(), maxDate: ‘+2y’, onSelect: function(date){ var selectedDate = new … Read more
This javascript error is caused by jQuery and jQueryUI being out of sync with each other. Rather than go back to an older version of jQuery, I would update jQuery UI. This link from the jQueryUI blog talks about support for the latest version jQuery. I experienced the same error before updating jQuery UI.
It is an old problem, but here is my solution (hack if you prefer): .ui-icon-circle-close { -ms-transform: scale(2); /* IE 9 */ -webkit-transform: scale(2); /* Chrome, Safari, Opera */ transform: scale(2); } For an icon-only button it works great.
This may do the trick. Changes: Wrapped the tr elements inside tbody Added a helper clone when dragging a tr. Only way I could make the dragging actually work. (Tell me if you don’t want this (you want the tr to be removed from the table when you start dragging) and we’ll see if we … Read more
I hope this helps somebody, you can pass html to dialog directly, like this: $(“<p>Hello World!</p>”).dialog(); so this way you don’t have to have a pre-builded div, you could use: $(“<div>My div content</div>”).dialog(); EDIT: changed end tag to </div> instead of </p>
They all have the .ui-dialog-content class, so select by that and close them, like this: $(“.ui-dialog-content”).dialog(“close”);
You could write a custom binding that sets the date in the field using the datepicker APIs and also sets the value of your observable by reading the date properly. The custom binding might look like: ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { var options = allBindingsAccessor().datepickerOptions || {}, $el = $(element); //initialize datepicker … Read more
You can use CSS to accomplish this in most browsers: http://jsfiddle.net/fQthQ/ * { -ms-user-select: none; /* IE 10+ */ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .selectable { -ms-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; user-select: auto; } Opera does not currently support this feature. See the MDN page for more info: … Read more