How to add jQuery UI to Asp.Net Core VS2017?

jquery asp.net jquery-ui bower razor-pages
Thomas Adrian picture Thomas Adrian · Jan 26, 2018 · Viewed 10.8k times · Source

I have installed jQuery UI using Bower in VS2017.

When I look in Solution Explorer I can see that the Bower package seem to have been installed but I can't find them in the wwwroot folder so I don't know how to add them to the _layout.cshtml file.

What is the procedure for adding jQuery UI to my ASP.NET Core v2 application.

enter image description here

enter image description here

Answer

Volkan picture Volkan · Nov 13, 2018

For ASP .NET Core 2.1 (Visual Studio 15.8 or later),

  1. Click-right on your project of the solution
  2. Choose Manage Client-Side Libraries...
  3. Add the following code (this is like Bower):

code

  { "version": "1.0", "defaultProvider": "cdnjs", "libraries": [ { "library": "[email protected]", "destination": "wwwroot/lib/jquery-ui/" } ] }
  1. Rebuild the project, this will generate all the source for that library in the specified destination
  2. Reference the .js and the .css in your project (_Layout.cshtml)

Source: https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-2.1

Related questions

jQuery UI Dialog with ASP.NET button postback

I have a jQuery UI Dialog working great on my ASP.NET page: jQuery(function() { jQuery("#dialog").dialog({ draggable: true, resizable: true, show: 'Transfer', hide: 'Transfer', width: 320, autoOpen: false, minHeight: 10, minwidth: 10 }); }); jQuery(document).ready(function() { jQuery("#button_id").click(function(…

Read More
autocomplete "is not a function"

We've tested the Jquery UI (jquery-ui-1.8.10.custom.min.js) Autocomplete function in a simple HTML page which worked. We then copy the same code into an Asp.net User Control and it stops working. The Javascript error reads "$searchBox.autocomplete …

Read More
jQuery Confirm Dialog in ASP.NET Button OnClientClick

I have a TemplateField in a GridView in an UpdatePanel with a button called btnDelete. Rather than the standard OnClientClick="return confirm('Are you sure?')" I'd like to use jQuery Dialog. So far, I'm able to set the jQuery …

Read More