There’s a list of JQuery UI themes here: http://www.mightywebdeveloper.com/design/jquery-ui-themes/. Good thing is that these themes are not just themeroller themes, they are completely skinned with a different look.
In case someone else comes across this, the jQuery-UI dialog does not append to the form, it appends just before </body>, so the elements to validate are outside the <form></form> section: To resolve this, just direct the dialog to move itself inside the form when you create it, like this: $(“#mydiv”).dialog(“open”).parent().appendTo(jQuery(“form:first”));
I suggest you create a jquery ajax function to post form data, then use the call back function to clear the form data. This way unless the user clicks the cancel button, the dialog is always showing. See below example: Main View <button class=”AddUser”>Add User</button> <div id=”AddUserForm”></div> Partial View (AddUserPartialView) @model Demo.Models.AddUserViewModel <form id=”myForm”> <div … Read more
I’ve built a gem to handle this: https://github.com/albertopq/jquery_datepicker Hope it helps somebody else.
See this: Match start word: http://blog.miroslavpopovic.com/jqueryui-autocomplete-filter-words-starting-with-term He overrides the autocomplete filter method. I use this and it works well. // Overrides the default autocomplete filter function to search only from the beginning of the string $.ui.autocomplete.filter = function (array, term) { var matcher = new RegExp(“^” + $.ui.autocomplete.escapeRegex(term), “i”); return $.grep(array, function (value) { return … Read more
Here is the solution I came up with after much searching and testing: http://jsfiddle.net/Handyman/fNjFF/11/ $(‘#target’).tooltip({ items: ‘a.target’, content: ‘Loading…’, show: null, // show immediately open: function(event, ui) { if (typeof(event.originalEvent) === ‘undefined’) { return false; } var $id = $(ui.tooltip).attr(‘id’); // close any lingering tooltips $(‘div.ui-tooltip’).not(‘#’ + $id).remove(); // ajax function to pull in data … Read more
You don’t specify what you have tried with z-index. The blockUI plugin has an option to change the z-index of the message it creates (documentation): // z-index for the blocking overlay baseZ: 1000, jQuery UI Dialog as an option for specifying a z-index as well. Its default value is 1000. So you have to set … Read more
Touch-based devices like iPhone lacks all common mouse related events we are used to in desktop browsers. It does include: mousemove, mousedown, mouseup, among others. So, the short answer is, you will need to use a solution that have in mind “touch events” counterparts for those “mouse events” above: touchstart, touchmove, touchend or touchcancel. Take … Read more
Here is a ajax example of jqueryui tootip widget from my blog.hope it helps. $(document).tooltip({ items:’.tooltip’, tooltipClass:’preview-tip’, position: { my: “left+15 top”, at: “right center” }, content:function(callback) { $.get(‘preview.php’, { id:id }, function(data) { callback(data); //**call the callback function to return the value** }); }, });
You can try using the .data() method to store data for you. Take a look at this answer Passing data to a jQuery UI Dialog For example to pass a variable, you can store it using the data function, before opening the dialog $(“#dialog_div”) .data(‘param_1’, ‘whateverdata’) .dialog(“open”); Then you can get this back by: var … Read more