Click here to Skip to main content
15,893,487 members
Everything / jQuery-UI

Jquery UI

jQuery-UI

Great Reads

by Sander Rossel
The sixth in a series on web development.
by Jovan Popovic(MSFT)
Example showing how to persist positions of the sortable elements after drag&drop reordering using the JQuery UI sortable
by Puja Jagani
Spring Hibernate Integration along with JTable widget.
by Puja Jagani
Using jTable instead of drop-down list.

Latest Articles

by Evoluteur
A web color picker which looks like the one in Microsoft Office 2010
by Sem Shekhovtsov
Importing jQuery UI library into ES6 project
by Khaled Abdelhamid
ASP .NET app in C# that call Stack Exchange API and list set of Stack Questions based on some criteria.
by Bryian Tan
The author is sharing an article on how to create a help tooltip for a HTML element using Web API, Bootstrap Popover and jQuery UI dialog

All Articles

Sort by Title

jQuery-UI 

20 Jan 2013 by Jitendra Ballia
if($.browser.msie && $.browser.version
15 Jan 2013 by Zoltán Zörgő
You better use modernizr[^] for opacity support check.
20 Jan 2013 by Vyacheslav Voronenko
1. $.browser is deprecated. Did you upgrade query recently? $.browser: Ever since jQuery 1.4, we’ve been evangelizing that browser detection via the user agent string is a bad idea. Yet we’ve been an enabler of bad practice by continuing to offer $.browser. As of jQuery 1.9 we’ll remove it...
23 Apr 2015 by maneesh katiyar
I have following code in page index.aspx but it is not working. i want to submit name and email to webmethod using Jquery. code is working till it reach to $.post but after that it is not working. Please help$("#submit").click(function () { var email =...
23 Apr 2015 by Member 11382971
What i understood from you post is you want to call one method which is WEBMETHOD i.e SubscriberSubmit().So my solution, try to use JQuery Ajax call. See following code. $.ajax( { type: "POST", url: "Index.aspx/Save", data:...
23 Apr 2015 by debasish mishra
you are creating a div on fly which is good but where you are creating ???are you appending or prepending to some controls??The error may be in the line "var newDiv = $(document.createElement('div'));" $.ajax({ type: "POST", url:...
4 Aug 2016 by Anjali0904
I am trying to open JQuery dialog on a click. When I click a cell I get'JQuery' is undefined error.It works in chrome. The strange thing is it worked in IE till yesterday and suddenly stopped working.It gives me an error in in jquery-ui.js. in v1.11.4My code looks like ...
4 Aug 2016 by AnvilRanger
You are loading two different versions of jQuery and jQueryUI. You only need to load one of each.
24 Jan 2020 by NJ44
Hi,I have an anchor element placed on my HTML page, which is under some conditional statement:@if(someCondition){IOP - In Plan}CSS:a.inactiveLink { pointer-events: none; cursor: default; ...
16 May 2016 by Kornfeld Eliyahu Peter
The pointer-events CSS property not supported in IE before version 11...
28 Dec 2016 by Member 12546977
Instead of doing it using css , try to set attr/prop using jquery If you are using jQuery
24 Jan 2020 by Member 14725965
I was facing exactly same problem. By adding css property 'display: block' to class, it worked on IE 11. I'm just using that now along with 'pointer-events: none'.
15 Feb 2013 by eran11
I'll try to explain myself the best way:I am trying to achieve that "effect" on my site, with no luck: http://manos.malihu.gr/tuts/animate-page-to-id/plugin/demo-auto-layout.html[^]I am trying to modify it a bit. (it's a plug-in)Every section(page)should be 100% on the window, so if...
15 Feb 2013 by Member 8825505
can't you use flash,ajax slide show extender,visual slide show.or you can use visual light box.
26 Feb 2016 by Luis Oliveira 1966
How to perform CRUD operations (Entity Framework) in dialogues (jQuery UI) and process validation in my MVC application ?My problem is related to jQuery, specifically on how to show the dialog then treat the responses/data validations from the Controller.I have this code in...
16 Sep 2014 by Raymund Macaalay
Accept only the latest dropped Draggable in a Droppable interaction using jQuery UI
21 Jan 2016 by HymaKG
Can i have accordin jquery with some controls not inside accordin.step 1--accordinsome test inside the accordin but dont hide always show in the screenstep 2--accordin
15 Mar 2022 by Alex Aniapam
I have an input box where users can enter a number , positive and negative, to calculate either business or Calendar days. I am using jquery to calculate the days and it works when the number entered is a positive number, for example (10) but...
16 Mar 2022 by Alex Aniapam
while (workDaysToAdd
22 Oct 2013 by ExpertITM
Hello frnds,I am using full calendar API for viewing the events in my project. now project requirement change and need to add new view named resource. I tried with google but not get success result for this.have you any one idea about this.Thanks in advance.
30 Oct 2013 by bjdestiny
First of all i would like to suggest you the User Manual[^] for Resource-Calender.NowResources :: Introduces available resources to calendar. Resource id links to Event objects resource property. Event objects resource can be also an array! This is a basic JSON-array which includes resource...
4 Jul 2013 by Member 9762654
Hi all, I am working with jquery date time picker with drop down its working fine but now my problem is i have to include a dropdown for seconds how can i implement that? Pls help me to solve and Thanks in advance.I have referred this link for my plugin example...
5 Jul 2013 by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)
It is done.Solution$('#timePicker').datetimepicker({ controlType: 'select', timeFormat: 'hh:mm ss'});Demo[Demo] jQuery TimePicker with Time elements in DropDowns[^]
28 Feb 2018 by Member 13702041
I currently have following code in cshtml file @Html.Label("Testing", htmlAttributes: new { @class = "control-label" }) @Html.DropDownListFor(x => x.TestingType, (List)ViewBag.TestingTypes, "", new...
16 May 2013 by Nikfazan
This article shows how you can add jQuery UI Theme to Superfish Menu and Superfish Menu RTL
5 Jul 2012 by comred
Hi... I am using Jquery ui Calendar control on my asp.Net page. I have another textbox. There I want to apply ajax control extender class. The moment I include any other java script, my jQueryUI wont work. Why this is happening? Can't we use jQueryUi with other java scriot code? How can I...
1 Oct 2019 by Joan M
Hi all, Developing a small time tracking application, I've been using comboboxes for too much things... I've just learned UI can use jquery to process text inputs with autocomplete... That way everything is easier when you have plenty of data to filter. This said, following samples in the...
1 Oct 2019 by phil.o
I would try require '127.0.0.1/rt/database.php';, provided '127.0.0.1' is a directory inside the file's current directory. require will fail immediately if the file is not found. require and include expect a filesystem path relative to the file's current directory, not a full path from the web...
1 Oct 2019 by Patrice T
$sql = "SELECT * FROM tCustomers WHERE name LIKE '%".$term."%' ORDER BY name ASC"; Not necessary a solution to your question, but another problem you have. Never build an SQL query by concatenating strings. Sooner or later, you will do it with user inputs, and this opens door to a vulnerability...
12 Mar 2014 by sumanth n
please help me in creating a alert before deleting a row in gridview, as for my requirement i created a grid in ascx page and calling in aspx page. I have a LinkButton for deleting and the functionality is working fine but i'm unable to get a popup warning before delete. If i use "return...
12 Mar 2014 by Snesh Prajapati
1. You can show popup using jQueryUI. Visit below link:http://jqueryui.com/dialog/[^]2. If you do not want to use jQueryUI then you can use CSS. Visit below...
23 Feb 2014 by Challa92
I have few textboxes i need the values only in autocomplete.If a user selects from autocomplete & enters a text the autocomplete should trigger again. Can someone help me with the code please.http://www.apsrtconline.in/oprs-web/[^]I need the functionality as in the...
23 Feb 2014 by Abhinav S
There are a number of third party controls that support autocomplete -http://jqueryui.com/autocomplete/[^]http://api.jqueryui.com/autocomplete/[^]http://www.devbridge.com/projects/autocomplete/jquery/[^]
23 Feb 2014 by Sergey Alexandrovich Kryukov
Possible, but make no sense and would lead to confusing UI. It simply means your control should not be a text box. It should be a combo box.—SA
27 Aug 2012 by Member 9364126
i fetched required data from db through json and i displayed it as a table now i want to anchor tag each record for navigating it with respective images.i tried d.nameits not working help me out
27 Aug 2012 by Sandeep Mewara
It looks like you missed the href property of your anchor tag. If you want to navigate a particular display value to somewhere, you need to define that too.
28 Dec 2015 by Rahman Mahmoodi
AngularJs notification service to notify users of application state
24 May 2011 by Aishu Partha
Hi all, I am using a JQgrid. My task is as follows:In the first column, I have a name as a hyperlink.The hyperlink, when clicked, should open a new page in the iframe where the grid is. When the page is loading, I have to display some image to notify users that it is working. How can I do...
21 Jul 2011 by Manisha Rane
Hi friends,I am developing one application in which i require some animation[i would like to use JQuery or CSS for animation].Animation is like, on mouseover one object will move from left to right it would also rotate in some angle. what can i do for it?Thanks in advance...:-)
21 Jul 2011 by Sergey Alexandrovich Kryukov
This is a whole topic called CSS animation: http://en.wikipedia.org/wiki/CSS_Animations[^].You will find a lot of advices: http://en.lmgtfy.com/?q=CSS+Animation[^], http://en.lmgtfy.com/?q=CSS+Animation+jQuery[^].—SA
27 Jan 2017 by mianimraniqbal
i am developing an MVC 4 web application and i need to support playing video files of various formats. i.e. User can upload videos files of multiple formats and website shall support those formats. I am having difficulty play .mov files. I have seen the following links already but they dont work...
27 Jan 2017 by Sebastiaan Meijerink
The post you're referring to is from 2013.At the speed the web is evolving that is ages ago.You should need a plugin for that.You can use the video tag.HTML5 Video[^]
24 May 2013 by praveena0989@gmail.com
Hi Guys, I have an image and now I want to apply animation to a part of that image.I tried using jquery animate method but that works for whole object but I wantto apply effects only to specific part of a image.Thanks in Advance,PSP
24 May 2013 by Zoltán Zörgő
From browsers's and javascripts's point of view, the image is a closed entity. You can make however tricks with css to crop a portion of it: http://cssglobe.com/3-easy-and-fast-css-techniques-for-faux-image/[^].In html5 you have some other tools too, like this:...
18 Jul 2013 by RaginiSinha
Hi, I write code for data table and pagination feature, it is working for a particular page. Now I want to make this code for common to multiple page.But not able to do. plz suggest me the require change in my code. my code is as follow: ...
26 Sep 2013 by Jocelyne El Khoury
vb: Protected Sub edit_content_Click(sender As Object, e As System.EventArgs) Handles edit_content.Click MsgBox("dasfaf")End Subasp:
26 Aug 2013 by Reda Makarem
hey allim gonna try to be as clear as I can so here is my scenario:I have a news page that has repeater displaying top 5 news using JQuery UI accordionI also have a news block in my home page whose content displays those 5 news one at a time every 10 seconds(part of the news Item with...
17 Dec 2013 by Monjurul Habib
ASP.NET Web API is a framework for building and consuming HTTP services that can reach a broad range of clients including browsers, phones, and tablets.
21 Jan 2014 by vaibhavtiwari260
Problem StatementI have FB Login button in Mobile Website made in MVC3 . It runs cool on web but while opening it on IPAD/ANDRIOD_TAB FB login window opens in new tab and never returns to Parent page..cs HTML code
12 Apr 2013 by devdev13
I'm returning a json data, and I can confirm that it is bringing data back to client. but instead of updating my jqueryaccordion, it asks me to save or open the file. Below is my script and controller. I have used jquery modal dialog to edit the employee details through a partial view, and...
12 Apr 2013 by Moykn
Probably you have forgotten to add jquery.unobtrusive-ajax.min.js to your page, check it please.
24 Apr 2013 by Christoph Keller
Hi,This normally occures if you try to post a form in an IFrame and the result is JSON (mostly used in Ajax-fileuploads.The problem is (in the above mentioned scenario) that IE does not detect the JSON result as a text to display, so it assumes that you want to download it.To...
17 Jan 2013 by devdev13
Hi, I've created a Jquery Accordion using Asp.net mvc, and it's working fine. The accordion displays a list of employee names, and when i click on an item, it shows the details. I'd like to send an ajax request to get the employee details when they click on an item, instead of loading all the...
17 Jan 2013 by Zoltán Zörgő
Have searched with google? There are several solutions out there for how to populate accordion with ajax calls: http://lmgtfy.com/?q=accordion+jquery+ajax+load[^]Add "employeeid" as a custom attribute to the header, than you can retrieve it in the code[^]. You can use the change event[^]...
22 Jun 2012 by Member 8336910
Hi I just made an ASP.NET MVC4 Intranet Web Application. I haven't changed the code much from what the default was. But the autocomplete function does not work for me. When I mean it doesn't work for me, meaning that it shows the fields and the css looking stuff. But the functionality like...
14 Aug 2012 by Christian Graus
I suggest changing things back and testing until it works again, then you'll know for sure. Is the AJAX method called ? Is it rendered properly in the browser ?
20 Jul 2017 by Bryian Tan
The author is sharing an article on how to create a help tooltip for a HTML element using Web API, Bootstrap Popover and jQuery UI dialog
3 Mar 2017 by ravijmca
I;m trying to use Jquery Model Dialog in MVC4 using Razor dialog box showing fine but AjaxOptions.OnSuccess javascript function is not calling after i click the update button but it's redirected to http://:3738/Cars/Edit/1?Length=4 i don;t know why it was happened.Here is my...
10 Dec 2013 by vimal@web
Hi Ravi,you need to check on jquery version. if it is jquery 1.9+ then reference jquery migrate as well.add jquery-migrate-1.2.1.js in bundle after jquery reference.
3 Mar 2017 by bimal.relyon
1) Change to this :@using (Ajax.BeginForm("Edit", "Cars",null, new AjaxOptions { InsertionMode = InsertionMode.Replace, HttpMethod = "POST", OnSuccess = "updateSuccess" }, new { @id = "updateCarForm" }))-- You forgot to overload the method.2)...
3 Mar 2015 by MaroofQaiser
I have an asp.net navigation menu and sub menus, but i want to display sub menus in drop down or accordion style with the help of css or jquery. please help me for this. Thanx in advance
3 Mar 2015 by RajeeshMenoth
Hi,Ref :1) Demo of CSS Drop Down Menu2) Drop Down Menus
29 May 2015 by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)
This blog will take you through the steps to create an ASP.NET Repeater and show the details of a particular row on jQuery Dialog popup.
11 Mar 2012 by aravindmunna
I am supposed to develop a web-based softwar using asp.net One of the screens in this web-based software will run on Touch Screen. Now I've never developed for touch-screen before but I've googled and found couple of things that I need to consider. Firstly and most importantly, I read that I...
11 Mar 2012 by Prasad_Kulkarni
Have a look on this article on cp, you will surely get help from it and also get answers of your questions:Touchscreen Keyboard UserControl[^]
19 Apr 2017 by itsathere
public ActionResult GetAllCity() { CountryBL objbl = new CountryBL(); var model = new MyCustomerModel(); var itmlist = objbl.FetchCity(); model.CityList = itmlist.Select(x => { return new...
8 Nov 2015 by PANKAJMAURYA
You can try JQuery.each() functionvar $ac = jQuery.noConflict(); $ac(document).ready(function () { debugger; $ac.ajax({ url: '@Url.Action("GetAllCity", "Account")', type: "GET", success: function (data) { ...
8 Nov 2015 by itsathere
public ActionResult GetAllCity() { CountryBL objbl = new CountryBL(); var model = new MyCustomerModel(); var itmlist = objbl.FetchCity(); model.CityList = itmlist.Select(x => { return new...
8 Nov 2015 by Patrice T
I fear you ask the question the wrong way.To assign large amount of data to array, it always involve a loop or many, hidden or explicit, not matter what, there is a loop.I think the loop is not the root of the problem. You should rather explain us what you do with more details, so we can...
20 Mar 2012 by TanzeelurRehman
Hope that every is having great timeI am an asp.net developer, I am developing a website for jewelry shop, where i want to implement the functionality of Build your own ring in the following...
21 Mar 2012 by Not Active
There are so many things in your sample implementation there is no way we could advise you of where to begin except to start by documenting your requirements and functionality.
31 Jul 2015 by Shrikesh_kale
hi, I am using following code for autocomplate textbox. when I press Enter ('#textbox'). then autocomplete property is not dispalying.. why ?? Is any other file is required??
31 Jul 2015 by Peter Leow
Check this out: https://jqueryui.com/autocomplete/[^]
27 Aug 2018 by Venkanna Toleti
I have a Html table having multiple rows with one drop down and one textbox control. I want auto complete function for that text box.I implemented the following code for auto complete but it is firing for only first row.The rows are added Dynamically (in jquery) its not workig for those rows. ...
27 Aug 2018 by Member 10371658
try this: $('table#tWDE_Items tbody tr td input[type="text"]').autocomplete({ source: function (request, response) { debugger; var param = { ItemName: $('#Item_Item_Name').val() }; $.ajax({ url: "/WDE/GetAutoCompleteItemList", ...
18 Jul 2013 by RaginiSinha
I write a code for Autocomplete, but at run time its not working. plz help me. my code is as follow: Jquery autocomplete ...
18 Jul 2013 by ridoy
This will help you..http://tutsforweb.blogspot.com/2012/05/auto-complete-text-box-with-php-jquery.html[^]
15 Jul 2012 by nourbt
hi all i am using the below jquery for Autosuggestion, but the point I need the source for the suggestion to be from Database Any help.http://jqueryui.com/demos/autocomplete/#option-source[^]thank you
16 Jul 2012 by Sandeep Mewara
Have a look at this article: CP: 3 Different Approaches for Implementing the JQuery Autocomplete with ASP.NET[^]Also, go through these here: Remote database demo[^]
20 Apr 2017 by Muhammd Aamir
Hi everyone hope all of you are good... i am new to MVC and i am facing a problem i want to autocomplete the textbox with my hardcoded data using jquery but do not get any success in this matter, i have added the reference of jquery autocomplete API but nothing happened kindly help me to...
20 Apr 2017 by Ehsan Sajjad
You would need to specify the properties for display element and id for it : $("#searchText").autocomplete({ source: function(request,response) { $.ajax({ url: '@Url.Action("Search","Default")', type: "GET", ...
20 Apr 2017 by Bryian Tan
Everything look fine beside the model, it look a little odd. I think that code will throw circular reference error. Try move the model population code outside the locations class. Here is an example. Model public class Locations { public int Id { get; set; } public string...
15 Jun 2013 by ravi1989h
Hello i am implementing the scrolling table (dynamically created).But problem is that i have one background image below table view .When i saw on ipad number of table row is large and background image size is upto ipad size so when i scroll table view the image is not display .how to display...
5 Nov 2013 by Rajni from delhi
Hi,I need to bind jquery easy ui property grid Factor combobox on change of another property grid visible combobox. js code is Quote: var data = [ { "name": "Visible", ...
24 May 2018 by jerin_shalini
function BindGrid() { var TableView = $find("").get_masterTableView(); var currentPageIndex = TableView.get_currentPageIndex(); var pagesize = TableView.get_pageSize(); ...
15 Dec 2014 by Soumya11101
Hi,suppose ur db is like below.Tableproduct no price product name1 1230 a2 1351 b3 1861 c4 1751 dWhat my requirement...
15 Dec 2014 by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)
Refer - Implement Price Range Slider in ASP.Net using jQuery Slider plugin and jQuery AJAX[^].Try to learn how range slider works with database.
24 May 2011 by funniezatee
I don't get it.I am trying hard to use blockUI http://jquery.malsup.com/block/[^]to manage multiple ajax requests on my page.However when I put in this line $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);as recommended all my ajax objects don't even load. Anybody...
20 Aug 2016 by Nik's Sangani
Please check I think you are missing to call js file on your page.
26 Aug 2012 by swapnsli
please can anyone provide me coding to convert video file from h.264 format to .avi file format using C#.net. i have software to convert it but i require coding so please suggest me. thanks in advance!
26 Aug 2012 by Mehdi Gholam
Check this thread : http://stackoverflow.com/questions/1458166/video-conversion-in-c-sharp[^]
29 Jun 2020 by satyanand mishra
Hey any one please help me I am calling asp net web services using jquery ajax it's given object Object error how would I solve this
29 Jun 2020 by MadMyche
When you have one of these errors, it is best to give the actual exception. A quick scan found a type mehtod: 'post' should be method: 'post'
25 Nov 2017 by Khaled Abdelhamid
ASP .NET app in C# that call Stack Exchange API and list set of Stack Questions based on some criteria.
20 Nov 2012 by Patel Shailendra
I want to learn jQuery which website or book or videos to refer.
20 Nov 2012 by Krunal Rohit
http://www.dotnetcurry.com/ShowArticle.aspx?ID=231[^]
20 Nov 2012 by __TR__
Head first JQuery[^] is a good book for beginnersYou can find some good videos on jQuery here[^]For more resources Google[^]
21 Nov 2012 by deepak.m.shrma
Get any book, and go for any site. there are too many site available for jquery. you can get contain from any site. Most importantly you have to practice more and more to sharp you skill. otherwise there are lots of solution avail on google for your every single problem.This site where you can...
21 Mar 2018 by Maniteja Attili
Hi I am new to create a grid can any one please help with proper sources to learn grid from basics What I have tried: I tried creating a Html table tags but i dont know how to fill the data from database and also create a own grid