Click here to Skip to main content
15,892,927 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 Updated

jQuery-UI 

12 Apr 2015 by #realJSOP
I'm trying to get the jquery-ui dattimepicker to work in my MVC5 project.I added jqueryui to BundleConfig.cs, like sopublic static void RegisterBundles(BundleCollection bundles){ bundles.Add(new ScriptBundle("~/bundles/jquery" ).Include("~/Scripts/jquery-{version}.js")); ...
15 Oct 2018 by #realJSOP
It's a play list file, not a video/audio file. Google will reveal what you need to do, but you can try Banshee Media Player, or maybe HLS-Player. Beyond that, it's not your job to make sure something will work on the client side besides letting the user know what he needs of have installed,...
9 Nov 2021 by #realJSOP
In the browser, check the developer tools window and see if the bootstrap-datetimepicker.min.js file is actually being found and loaded.
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[^]
14 Apr 2013 by _Amy
Try this:var sum = 0;$('.ListBox1 option').each(function(index) { if ( ($(this).is(':selected')) { // do stuff if selected sum += this.value; } else { // this one isn't selected, do other stuff }});Also check HOW TO GET LISTBOX ID & SELECTED VALUE using...
16 Jun 2013 by _Amy
In every PostBack, ASP.NET validates the request and excecutes the event validation. It will check for the event which is fired and the control that is firing the event. If the controls are not expected to fire such event, then this exception will be thrown. But when using UpdatePanels,...
27 Jun 2013 by _Amy
See a similar article : Open ( Show ) jQuery UI Dialog Popup Window from Server Side ( Code Behind ) in ASP.Net[^].--Amit
25 Jun 2023 by A Belal
how do navigate to page from window.open with parameter but paramter (BillNo) doesn't exist there isn't exist in address bar my code appear in address bar as function RowClick(BillNo) { ...
12 Nov 2023 by A Belal
I have a problem in Calling Web Api using jquery when calling Web Api using jquery and open Console from browser Error is jquery-3.3.1.min.js:2 Uncaught TypeError: (h.dataType || "*").toLowerCase is not a function at Function.ajax...
1 Jan 2014 by abdul subhan mohammed
Hi,Today i was working on JQUERY Modal Dialog BoxMy Code:this is from my dailog! Message $(document).ready(function () { $(function () { ...
7 Feb 2014 by abdul subhan mohammed
Hi guys,I have tried bootstrap pagination n search, in works good. But the problem is, its do sorting either in ascd order or desc, but i want hard fixed to desc' order only.So, I want to use JQUERY pagination/search.Plzzz help me, how can i use Jquery for...
23 Mar 2014 by abdul subhan mohammed
Hi guys,i was using JQUERY DATATABLE with in repeater in asp.net.
25 Sep 2016 by abdul subhan mohammed
Hi guys,I'm using FullCalendar Jquery.When user select date, it shows light green color in calendar.But when deselect/remove date, it is show getting deselected, instead its shows asselected.HTML CODE:What I have tried:JQUERY CODE: ...
19 Jun 2011 by abdulmaajid
Please help ...this is my html menu Sign In ...
19 Jun 2011 by abdulmaajid
Hi, This is my email validation using Jquery , email: function(value, element) { // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ return this.optional(element) ||...
23 Dec 2012 by Abey Thomas
I have written an article on how to load dynamic content into a jQuery Modal dialog window.[Take a look at this article ^]You will get a basic idea as to how to accomplish this.
16 Jul 2012 by abhijeetgupta1988
You can try using jQuery.noConflict() [^].Hope it'll solve your problem.
9 Sep 2011 by Abhijit Jana
You can find some nice samples in CodeProject ItselfASP.NET Required TextBox (Graphical RequiredFieldValidator)[^]andBuilding an ASP.NET custom web control: a textbox and validator in one[^]Hope this will help you to go forward.
4 Jan 2014 by Abhinav S
Try http://api.jqueryui.com/shake-effect/[^].
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/[^]
28 Feb 2014 by Abhinav S
Load data from the database into a data reader or data table. Then access these values abd display them in text boxes or grid.
23 Mar 2014 by Abhinav S
TryAdding Dynamic Rows in Gridview with dropdownlists in asp.net[^]Dynamically adding and deleting rows from ASP.NET GridView[^]Adding Dynamic Rows in ASP.Net GridView Control with TextBoxes [^]
31 Oct 2012 by Abid A
how do i maintain state of a modal dialog into a modal dialog?For state, i mean that, I have a gridview in a dialog and in that gridview, i`m having an itemtemplate which is an html anchor tag. When i click onto that, I want the data of the selected item template into the new jquery modal...
25 Sep 2016 by Abrar Kazi
When i am in Edit mode i have a Update Button which should be enabled only when checkboxes are changed for example there are 2 records in edit mode :Branches || Manage || EmailABC || (CheckBox Checked) || (CheckBox UnChecked)PQR || (CheckBox UnChecked)...
27 Sep 2016 by Abrar Kazi
Index :@using (Html.BeginForm(new { @style = "backgroundColor: '#f00', color: '#fff'} " })){ @{Html.RenderPartial("~/Views/Shared/_TermsAndConditions.cshtml");} }Partial View:
20 Oct 2016 by Abrar Kazi
Datatable : "columns": [ { "data": "SupplierId", "name": "SupplierId" }, { "data": "SupplierPIPCode", "name": "SupplierPIPCode" }, { "data": "SupplierName", "name": "SupplierName" }, { "render": function (data,...
7 Dec 2016 by Abrar Kazi
oldFilesSelected[i] ="desc (sa102mla 2016-17.pdf)";keyList="sa102mla 2016-17.pdf";var no =$.inArray(oldFilesSelected[0], keyList);gives me no= -1 .---------------------------------------What I have tried:oldFilesSelected[i] ="desc (sa102mla 2016-17.pdf)";keyList="sa102mla...
17 Apr 2017 by Abrar Kazi
$('.DateOfBirth').datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy', defaultDate: new Date(), yearRange: "-100:+0" }); The above code brings a list of years ranging : 2017 to 1917 in the year...
17 Apr 2017 by Abrar Kazi
Update jquery. This is the only solution i found for this issue. Thanks to Karthik.
19 Jun 2018 by Abrar Kazi
public JsonResult GetData() { Employee emp = new Employee(); List emplist = new List(); emp.name = "Durgesh Mapuskar"; emp.salary = "500000"; emp.position = "Team Lead"; emp.start_date =...
12 Dec 2012 by Adam R Harris
Change:return { ID: item.ID, Name: item.Name };To:return { value: item.ID, label: item.Name };
22 Aug 2012 by adnan9833
I need to implement a drag drop and swap functionality in the portlet and their arrangement will be somewhat as shown in the figure.1 23 4This is a web application which will be run on iDevices as well. I tried doing it with a plugin called redplugin...
30 Jul 2012 by afsal.mp
Hi i am using jquery UI plug in for date picker. it is for my job portal application.my problem is that the job applicant should be 18 years or above 18 years of age.how can i validate the year range..my code is$(".date").datepicker({ changeYear: true, changeMonth: true,...
18 Apr 2023 by Afzaal Ahmad Zeeshan
Based on the error and your code, it seems as if the validator is not defined in your library. $.validator.unobtrusive.parse('form'); The error happens here. Check why the validator is undefined, maybe the library is not loaded? You can find the...
25 Jun 2013 by Ahmed Bensaid
// list of dates to highlightvar dates = [ [2011, 8, 1], [2011, 8, 9], [2011, 8, 25]];$('#datepicker').datepicker({ beforeShowDay: function (date){ var year = date.getFullYear(), month = date.getMonth(), day = date.getDate(); // see if the...
5 Aug 2018 by Ahmed El-Badry
I have the following in the code first [Column(TypeName = "date")] [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")] public DateTime? starting_date { get; set; } I have the following in frontend Starting Date: @Html.TextBoxFor(a =>...
10 Feb 2017 by ahmed_sa
I work in web application MVC asp.net visual studio 2015How to make horizontal menu as below ?I need to add horizontal menu to my layout page as bellow :
11 Jul 2023 by ahmed_sa
I work on razor page asp.net core . I face error Datable id=example can't reinitialize data table ? so How to solve this error please ? error happen when change select option printer server I need when change select on select option printer...
22 Sep 2023 by ahmed_sa
I work on asp.net MVC web API . I face issue when call web API using jQuery ajax request my issue is autocomplete result display separated by slash Id - Name - Designation but expected result I need to get is : Id : 121 Name : michel nicol ...
12 Oct 2023 by ahmed_sa
I work on ASP.NET MVC app. I am facing an issue. I can't add text input filter on top of every column to filter. With another meaning, I have a datatable that has 3 columns, RequestNo, EmpId and EmpName. So I will add 3 input box filters for...
11 Nov 2023 by ahmed_sa
I work on asp.net mvc page view . but I face issue search for every column not have same size of header as Request No for search filter not same width and height of Request No column Header table and if you check also Line Manager on header and...
13 Nov 2023 by ahmed_sa
I work on asp.net mvc Application Ajax Request Calling I face Issue message sweet alert display more than once if i click button submit more than once if i press same button submit again for same request it will display (message Employee Exist...
13 Jan 2014 by ahp-1984
Steps to reproduce the issue: 1. Open the Telerik asp.net mvc grid page shown in the below link. http://demos.telerik.com/aspnet-mvc/razor/Grid/EditingAjax?theme=vista 2. Click on Add New Record button and enter a date in one of the date pickers in the grid. Click on save button....
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...
6 Feb 2013 by akilkrv
when we print any screen, it should generate that data in PDF and send it to print.by using jquery and asp.netneed help Thanks &Regardsumenderreddy
25 Mar 2014 by Akinmade Bond
Here's what you should do.Before your form submits, assuming you are using JQuery based on your tag.$('form').on('submit',function() { var pmail = $('#pmail').val().trim() var smail = $('#smail').val().trim() //Check if there are values in either textbox ...
26 Mar 2014 by Akshay_Randive
replace availabletags in ur jQuery code with availableTags
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
4 Oct 2012 by AlexCode
Simple way to prevent users from changing the active panel on the jQuery UI Accordion control
9 May 2013 by Alireza_1362
Hi ,I want to show the content of another .aspx file inside Jquery ,so whenever I click On the Specific Button On the Page ,Or Move my Mouse over a specific link that popup window appear with content from another .aspx file. How I can do this ?
26 Apr 2014 by altaf008bd
This tip will describe a simple way to resolve "too much recursion" error when working with multiple modal dialogs
27 Apr 2011 by ambarishtv
ModalPopup using ajax.http://www.asp.net/ajax/ajaxcontroltoolkit/samples/modalpopup/modalpopup.aspx[^]
3 Mar 2016 by Amit Jadli
Please refer the below link it is as per your requirement...where you can add html in your autocomplete li tag by "_renderItem"...Autocomplete | jQuery UI[^]
2 Jan 2012 by AmitGajjar
Hi,here is some basic idea, this may help you,1) once you create any html file store it on server folder.2) you can use System.IO to read file content and display it in any WYSIWYG(What you see is what you get).3) you can use iFrame or WYSIWYG control to view as html page.Or...
13 Feb 2014 by amritbdk
HiWhen i m inserting data in text box it recieving all the data except # Symbol.How can i solve this in my .js file
11 Mar 2014 by amritbdk
hiiI need to open a pop up window by clicking a button.and cancel it by using another button in the pop up window using j query in mvc4 .pls help me as i m new to mvc and jquery
30 Oct 2013 by amshekar
my structure is like this tab1 tab 2> under tab 1 page I have one webgrid I kept it in partial view. and under tab2 page I have another webgrid Iam using another partial view. Here the problem is when am loading Home page having two tabs. It is taking much time to load tab1 and tab2 to get the...
3 Apr 2017 by Anbu_Mannan
right-to-left! left-to-right! As per your question you can use "dir" for align left2right(ltr) ,right2left (rtl)
19 Sep 2012 by Andrei Straut
Why don't you give all the same CSS class? Say, for instance:some_contentsome_other_contentsome_other_contentsome_other_contentThen you could with JS or even better, jQuery, toggle them all or perform any operations in bulk, like:$(".div_hidden").doSomeOperation();And...
1 Aug 2017 by Andy07
I made a autocomplete search with dropdown list, but the scroll did not work, and the list is crashed with the keyboard on the tablet What I have tried: I use this code for search and show the list function ListPlayer(ScnFK, list) { var selectName = null; tempName = []; $("#" +...
21 Feb 2017 by angappans
Hi.,you have list of values. but you didn't assign the list of field value. please check fields: [ { name: "Name", type: "text", width: 150 }, { name: "Age", type: "number", width: 50 }, { name: "Address", type: "text", width: 200 }, {...
21 Nov 2017 by Anil Bandela
Hello Add this code in header and try once and in your file i seen -web-kit using that is not works in IE sometimes you need to write separate CSS for IE 9 above versions ....
17 Jul 2016 by Anil Kumar Ch
Hi guys,Im trying to change the row order of the table when a button clicked based on rows selected.like i want to display the selected rows first then the remaining rows in Jquery Datatable.you can see rowseleted each which is meant to display the rows selected first im unable to...
13 Jul 2015 by Anil Vaghasiya
Hello,It Returns the Date in Format of yyyy-MM-dd function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length
1 Jan 2012 by AnilJayanti
Hi,thanks in Advance,I have been tasked for Dynamically Viewing of HTML Code and Design in Jquery (Like in our Asp.Net IDE we have Design and Code view). I want to develop this in Asp.net with C# and JqueryUI. Please help me....
3 Nov 2015 by Anjali0904
I have a timer I get this error while calling _startTimer or _stopTimer in javascript.Already tried$find("Timer1")._startTimer();$get("")._startTimer();$('#
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 ...
29 Nov 2012 by anjumnavid
Hello Fellows,i am working on a asp.net page , which has a Two Div's . Move items from here to div2 Select educaiton info ... ...
20 Dec 2012 by anjumnavid
I am using above jquery . My question is .....) On a Button click i am adding a value to sortable...
28 Jun 2013 by Ankur\m/
Things to check:i) Is the input type 'submit'?If yes,ii) Have your defined an onclick event. It will show click event in the rendered HTML.iii) Is it disabled when you are clicking it?iv) Is there is JavaScript function called on it's click which returns false?These the some of the...
12 Jul 2013 by AnkushSharma100
$(function() { $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy', defaultDate: -1, minDate: new Date(1, 07, 2013), maxDate: +0, firstDay: 1, changeMonth: true, ...
6 Aug 2012 by anthony 008
Hello,I'm currently working on a small project that makes use of JQuery and JQuery UI. I want to make a dialog that edits certain data in a table. The user double click on a row and the dialog popsup. This all works perfectly but when i click on a tagged link and go back to the page the...
6 Aug 2012 by anthony 008
This issue may be marked as fixed.Currently i found out that the dialogs gets added continuesly at the end of the document between the and . By executing the command $("#dialog").remove() the issue is fixed.This is mainly happening in combination with ajax it seems.A ticket about...
13 Jul 2015 by Anu.v
Is it possible to drag(move) jquery ui dialog box outside the iframe area?
5 Mar 2014 by Anubhav689
You can try it here:http://blog.vgrem.com/tag/accordion/[^]http://aaclage.blogspot.in/2013/08/example-how-to-use-accordion-jquery.html[^]http://www.c-sharpcorner.com/Forums/[^]
4 Aug 2016 by AnvilRanger
You are loading two different versions of jQuery and jQueryUI. You only need to load one of each.
1 Dec 2013 by Aradhana Krishna
I need to show a popup in a button click..I have created dialog box and appended table into it.It displays popup in button click.but when i click cancel in dialog box and again i click button,the table inside it is not displaying.(only dialog is showing).Below my code:var DUDialog =...
27 Jan 2012 by Aradhana Rajgor
Hi,you can do something like this to set the scrollbar AjaxControlToolkit.TabContainer tcMain = new AjaxControlToolkit.TabContainer(); tcMain.ID = "tcMain"; string strTabName = ""; try { if (ds.Tables[0].Rows.Count >...
8 Mar 2012 by aravindmunna
I want image Swiping Application,in which images must be loaded Dynamically from a selected source or drive etc.After Loading images ,all of them should be shown i any container swiping must be there,then if the user selects the particular image ,it should be zoomed out and there we have an...
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...
9 Dec 2012 by aravindnass
haiii.... I want jquery for exapand a span and show a textbox ,I saw on question UI of code project (when a question is asked ,in below show a button like Have a Question or Comment?) .I want like that.
5 Oct 2013 by Arpit Jain
How to create Treeview in jQuery
8 Feb 2017 by Arun Chandrasekhara Pillai
Generic JqGrid implementation in MVC with custom filtering and dynamic sorting
18 Oct 2012 by Ash29
Hi,I am working on a asp.net project with jquery.I have to place an item(image div) from a list of items(images) into an area namely a work area where i have to stack these items onto.On achieving this, the next challenge is to restrict the object(draggable) to move within that work...
1 Aug 2013 by Ashish Babu
yes no $(document).ready(function() { $("#btnSubmit").click(function() { ...
10 Jul 2012 by AshishChaudha
Please follow the link..A Beginners Guide - Implementing Auto Suggest Functionality using Ajax Control Toolkit[^]May it will help youThanks
11 Apr 2013 by ashok yede201
Hello,I am creating one application with localization.I wanna to use jQuery error popup messages to be changed according to the language selected by user(localization).I have two master pages used, under that there is one content page which has some jQuery validation popup.Please...
15 Apr 2013 by ashok yede201
I think I have better solution for this.. We need to add following lines in .master page
1 May 2014 by Ashok8033
Hai Try this code to disable the datepicker."#from" is Element id name$( "#from" ).datepicker( "option", "disabled", true );
29 Apr 2012 by ashok_89
In the Below accordion demo how do i collapse all the sections at the pageload,initially section 1 will be expanded at the start ,pls help me out jQuery UI Accordion - Default functionality
30 Apr 2012 by ashok_89
we should use the active and collapsible options$(document).ready(function() { $("#accordion").accordion({ active:false, collapsable: true });});
29 Nov 2019 by Ashutosh Gpt
if i am not wrong using jquery of $('#temperature') return results as List for reading single element you should use document.getElementById("temperature").checked or you can still use jquery like $('#temperature')[0].checked
30 Nov 2019 by Ashutosh Gpt
using Jquery you could achieve it as below $('buttonid').on('click'){ function() { // do it here. } } not sure this will solve your issue.
1 Aug 2013 by Ashutosh Mahto
You can also write your code as - $(document).ready(function () { //hide all the panels on page load $(".panel").hide(); //on clicking the link, hide the div with panel class next to it $(".link_out").click(function () { ...
28 Feb 2014 by Asif Rehman
$(document).ready(function () { var qry = "Db.svc/CustTypes?select=CustTypeTitle&$format=json"; $('#Makes').autocomplete({ source: qry }); }); 1. I'm unable to extract...
25 Sep 2012 by ASP_DIV
Hi,I'm working on MVC3, Entity framework architecture. I use dataTable.js to assign an HTML table and display data as rows-columns with expand/collapse on the rows.Using fnAddTr plug-in, I add a child row, on click of '+' sign of parent. The parent as well as the child row has 14...
4 Jan 2013 by AspDotNetDev
I had a similar issue, which I just fixed. I had some RequiredFieldValidators that weren't working (i.e., the validation passed when the textboxes were empty) when I pressed an asp:Button when using jQuery Mobile. Turns out the problem was that I didn't have a ScriptManager on the mobile...
20 Feb 2014 by Aswathi Narayan
I have codeasdasdasdasdasdasdasdasdulclass has properties for li as.ulclass{margin:5px 0...