Menu
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.
501
To begin with using jQuery with ASP.NET, first download the latest version the jQuery library from jQuery website and unzip or copy the file in your project or Visual studio solution. Microsoft Visual studio 2010 and 2012 include jQuery by default and provide intellisense to use jQuery.
For ASP .NET Core 2.1 (Visual Studio 15.8 or later),
{ "version": "1.0", "defaultProvider": "cdnjs", "libraries": [ { "library": "[email protected]", "destination": "wwwroot/lib/jquery-ui/" } ] }
Source: https://learn.microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-2.1
130
Now in visual studio 2019 (version 16.2.2) you can add the client side library
1- Right click on the project go to add side Menu
2- Now click on the Client-side library. (a popup menu will apear)
3- Search the library which you want to install and then set the location from where you want to save all the files of the library.
4- Then press install button
5- Enjoy coding (:
26
I used npm to install. I went to my project directory and in the command line ran "npm install jquery-ui-dist". This will install the package. Doesn't look like any package manager used in visual studio actually installs front-end packages. Installing nuget packages Works fine with C# libraries though.
Hope this helps.
38
There is no need to add JQuery-UI with Nuget Package Manager. Instead, use this way.
Right-click on wwwroot/lib-->Add--> client-side Library (note: you can add each library in the wwwroot folder, but in this scenario, it is better add it in the lib folder near other jQuery files) client-side Library windows
Provider: You can use the default provider or change it.
Library: Write the name of the library you want to add as an example JQuery UI. There is an IntelliSense in this text box that helps you to write the name of your library.
Select Files: If you want to install light-weight pure jquery-UI without themes, just select these items. pure JQuery_UI
Then in the Views/ Shared/ _Layout.cshtml add .css file to head:
<head>
<link rel="stylesheet" href="~/lib/jqueryui/jquery-ui.min.css"/>
</head>
Add .js file to body :
<body>
<script src="~/lib/jqueryui/jquery-ui.min.js"></script>
</body>
This approach works for me. For more information use this reference.
2
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
